如何解决当数据来自 redux 存储时,useState() 在刷新时丢失状态数据
我遇到了一个奇怪的问题,导致数据集未定义。我正在实施反应表(一个带钩子)。如果我使用 react-table 示例中的一个,它们会使用 makedata.js 并且它们的代码如下
const [data,setData] = useState(useMemo(() => makeData(20),[]) );
但我的代码只是将 makeData 替换为 API 调用后来自 redux 的数据。
//For setting data
useEffect(() => {
if (!currentUser || !savedProjectId) {
alert("Please Select A Project");
return;
}
listenToProjectData(currentUser.clientId,savedProjectId);
},[currentUser,savedProjectId,listenToGuests]);
// For setting state
const [data,setData] = useState(
useMemo(() => projectData,[projectData,loading])
);
因此,当我们对代码进行更改时,react 呈现并且数据正常,即 data
不是未定义的。当我们转到其他页面并导航回该页面时也是如此。
当我们刷新页面时,data
未定义。
附言projectData 不是未定义的,只是在开始时,暂时是,但随后其中的数据更新,但未反映在我们的 data
状态中,刷新使 data
未定义,尽管我们正在使用 useMemo .
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。