JSON.parse重写导致意外行为的原始值

Question

我从本地存储中获取值，但当我进行筛选时，它会影响存储中的原始值。

我该如何克服这个问题？

const localData = JSON.parse(localStorage.getItem("icon"))[`${page}`];
useEffect(() => {
let tempData = localData?.filter((item) => item.iconTitle === iconName);
setData(tempData);
}, [iconName, page]);

Answer 1

useEffect(() => {
const getData = localStorage.getItem("icon");
const localData = JSON.parse(getData)[`${page}`];
console.log(localData);
let tempData = localData?.filter((item) => item.iconTitle === iconName);
setData(tempData);
}, [iconName, page]);
console.log(data);
const renderTooltip = () => (
<Tooltip style={{ backgroundColor: "white" }}>
{(iconName && data[0]?.description) || `No Data Available`}
</Tooltip>
);