我有一个元素列表和一个表单(用于创建/更改元素)。使用 React 我将其表示如下
...
render() {
return (
<div>
<List/>
<Form/>
</div>
)
}
...
每个列表元素都有一个更改按钮。单击它,获取元素字段值。如何使用元素值填充表单字段(无需 Redux)?
最佳答案
您需要管理父组件中的状态:
1) 单击列表元素时更改状态
2)通过添加属性将状态元素传输到表单组件
...
constructor(props) {
super(props);
this.state = {}
this.fillForm = this.fillForm.bind(this);
}
fillForm(element) {
this.setState({
element: element
});
}
render() {
return (
<div>
<List onElementClick={this.fillForm} />
<Form element={this.state.element}/>
</div>
)
}
...
在List组件中,当单击某个元素时,您必须调用此函数this.props.onElementClick(elementClicked)
在Form组件中,您可以通过此属性获取元素字段this.props.element
关于javascript - 如何使用 React 将列表中的数据发送到表单中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43495789/