2 回答

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>
);
})}

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
添加回答
舉報