第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從當?shù)厝四抢铽@得價值的反應(yīng)

如何從當?shù)厝四抢铽@得價值的反應(yīng)

Qyouu 2022-09-23 16:39:36
我向本地存儲添加數(shù)據(jù),如下所示: function handleSave(event) {    let r = Math.random().toString(36).substring(7);    const productInfo = {      name: name,      ean: ean,      type: type,      weight: weight,      color: color,      active: active,    };    // const productInfo2 = [name, ean, type, weight, color, active];    localStorage.setItem(r, JSON.stringify(productInfo));  }我得到這樣的本地存儲映射:{Object.entries(localStorage).map(([key, value]) => {        return (          <div style={style.gridItemsContainer}>            <p>{value}</p>            <p>{value.name}</p>            <p>{value.name}</p>            <p>{value.name}</p>            <p>{value.name}</p>            <input checked={value.active} type="checkbox"></input>            <Link to={'/products/' + key}>VIEW</Link>            <Link to={'/products/' + key + '/edit'}>EDIT</Link>            <button>DELETE</button>          </div>        );      })}在第一段中,我得到這個:{"name":"kede","ean":"12","type":"baldas","weight":"20","color":"ruda","active":""}其他元素為空 我需要如何編輯我的代碼,以便我可以通過鍵獲取值,例如示例 value.name<p>
查看完整描述

2 回答

?
慕田峪7331174

TA貢獻1828條經(jīng)驗 獲得超13個贊

您將獲得需要解析它的 JSON 字符串。


{Object.entries(localStorage).map(([key, valueJSON]) => {

       const value = JSON.parse(valueJSON);


        return (

          <div style={style.gridItemsContainer}>

            <p>{value}</p>

            <p>{value.name}</p>

            <p>{value.name}</p>

            <p>{value.name}</p>

            <p>{value.name}</p>

            <input checked={value.active} type="checkbox"></input>

            <Link to={'/products/' + key}>VIEW</Link>

            <Link to={'/products/' + key + '/edit'}>EDIT</Link>

            <button>DELETE</button>

          </div>

        );

      })}


查看完整回答
反對 回復(fù) 2022-09-23
?
12345678_0001

TA貢獻1802條經(jīng)驗 獲得超5個贊

我認為你的缺乏只是因為你需要它;)JSON.parse


為了從本地存儲中獲取值,最好在構(gòu)造函數(shù)/組件DidMount(如果是類組件)或useEffect方法(如果功能組件)中獲取該值。



function MyComp() {

  const [myLocalStorageData, setMyLocalStorageData] = useState({})

  useEffect(()=> {

    //logic for getting a value from local storage stored under the key 'key'

    const data = localStorage.getItem('key')

    setMyLocalStorageData(JSON.parse(data))

  },[])

  ....

}


文檔:


https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage


查看完整回答
反對 回復(fù) 2022-09-23
  • 2 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號