reactjs - 在 react 中使用 Prop 值初始化输入字段

Question

我有一个子组件，它有一个文本输入字段，其值应该使用父组件 (this.props.index) 的 props 进行初始化。

这应该是受控输入，因为我希望能够存储输入的文本。

现在，如果我将值设置为状态的属性，无论何时重新渲染组件，它都不会更新，因为永远不会调用 setState:

<input type={"text"} placeholder={"Index"} className={"form-control"}
                       value={this.state.index} onChange={this.updateStudentIndex}/>

另一方面，如果我将值设置为 prop 的属性，它是固定的，无法进行更改:

<input type={"text"} placeholder={"Index"} className={"form-control"}
                       value={this.props.index} onChange={this.updateStudentIndex}/>

如何使用 this.props.index 初始化状态，并且仍然能够跟踪输入值 this.state.index 的变化？

编辑:初始化应该在异步模式下完成，即当我从父组件单击按钮时。

Answer 1

我认为default values在这里可能会有帮助。