当我在 React.js 中更改活动页面时，如何将我的数据保存在页面中？

Posted 2023-02-22

【中文标题】当我在 React.js 中更改活动页面时，如何将我的数据保存在页面中？

【英文标题】：How can i hold my datas in page when ı change active page in React.js?

【发布时间】：2021-10-19 04:40:14

【问题描述】：

我正在使用材料 ui 选项卡，并且我在选项卡中有 8 页。每个页面都是一个组件。当我更改活动选项卡时，我调用另一个组件。我的页面中有输入区域，所以当我更改选项卡并返回预览选项卡时，我的旧数据会清除。所以我想在传递到另一个选项卡时保留我的输入数据。我如何保存我的数据？

【参考方案1】：

对于全局客户端状态，我可以推荐 Recoil、Redux 或 MobX。对于服务器状态，我建议您查看 React-query 或 SWR。

【参考方案2】：

我认为唯一的方法是使用redux。将表单数据保存在 redux 中，并在加载组件时使用它们来设置初始数据。