如何存储和传播状态到嵌套的ReactJS组件？

Question

这种情况是这样的：

我有一个动态的表示（意味着它们不存在于窗体的初始渲染）字段集。

因此，主窗体的字段为first_name,last_name, phone等，并且还可以添加“带有物品的房间”，例如像有两把椅子和一张桌子的卧室。

我想存储（到localStorage）并恢复整个表单的状态（包括它的动态组件），但我很难找出一种方法来轻松地做到这一点。

我试过把所有东西都存放在主窗体的状态中，但是这成为了一个噩梦来管理。

React为此提供了什么？有什么可以让我拍摄快照并在以后恢复？

谢谢

Answer 1

你对React有什么用？如果您使用的是REDX，我会建议使用REDX形式http://erikras.github.io/redux-form/#/examples/dynamic?_k=5pwhl7 - 您可以轻松地序列化/反序列化持久化的表单状态。