Javascript 保留场地道具

如何在发射回事件后保留组件道具。

---

描述：我有一个容器，它有多个组件（在同一个视图中），其中一个组件有两个字段和一个按钮“继续”。在这些字段中输入一些值后，单击“继续”按钮转到该组件中的另一个组件我们有两个字段和两个按钮，当我单击“上一步”按钮时，一个返回并继续，它转到上一个组件，但不保留在这些组件中输入的道具。您能帮助我如何保留数据吗。

对您来说，最简单的解决方案是使用一个父组件来保存处于其状态的所有数据。父容器组件将数据作为道具传递给您拥有的子组件，它还将回调传递给子组件，以便子组件可以更新数据。由于父级始终呈现，因此从未卸载，因此数据将始终存在

大概是这样的：

class Parent extends React.Component {
  state = { name: 'John' }

  render() {
    return <div>
      <Child name={this.state.name} onNameChange={e => this.setState({name: e.target.value})} />
    </div>
  }
}

class Child extends React.Component {
  render() {
    return <div>
      <p>The name "{this.props.name}" is saved in the Parent</p>
      <input type="text" value={this.props.name} onChange={this.props.onNameChange} />
    </div>
  }
}

类父级扩展React.Component{
state={name:'John'}
render（）{
返回
this.setState（{name:e.target.value}）}/>
}
}
子类扩展了React.Component{
render（）{
返回
名称“{this.props.name}”保存在父级中

}
}

---

一个更复杂的解决方案是使用Flux或Redux之类的工具，但我相信现在对您来说有点太多了。

请向我们展示一些您迄今为止尝试过的代码。这是一个很难理解的“问题”。