模态关闭时，状态数据未定义

Question

下面的数据在第一次渲染中加载，但每当我做一些事情，比如点击模态框或刷新，然后卡数据变得未定义并显示图像nodata时，这些数据都来自redux。有人有什么建议吗？

function toShowCards() {
if (props.search_stu_list && props.search_stu_list.length > 0) {
return (
<Cards
oppId={oppId}
studentProfileId={studentProfileId}
data={props.search_stu_list}
data1={props.opp_rec_list}
setshowResponseAlert={setshowResponseAlert}
setshowAlert={setshowAlert}
setshowsentRequestModal={setshowsentRequestModal}
// setshowBlur={setshowBlur}
setStudentProfileId={setStudentProfileId}
setoppId={setoppId}
handleModal={handleModal}
toShowblur={toShowblur}
/>
);
} else {
return (
<div>
<img className={style.nodata} src={NoData} alt="nodata" />
</div>
);
}
};

Answer 1

是的，状态不会自动持久化。如果刷新应用程序或执行导致浏览器刷新的操作(如单击按钮(，则默认情况下会丢失状态数据。

为了保持状态，您必须使用本地存储。你可以参考我在这篇文章中的回答来了解如何使用本地存储。还有一个名为redux-persistent的包，它在刷新后很好地保持了redux状态。你可以在这里参考那个包裹。