如何在React引导程序表中点击按钮使行可编辑

Question

我想让react引导表中的一行在点击按钮时可以编辑，我该怎么做，我是react的新手。

Answer 1

如果没有任何示例代码，提供一个完整的工作示例并不容易，只是一个建议：

我会尝试做什么：在构造函数中：

this.state = { isEditable: false }

点击按钮：

this.setState({ isEditable: true })

在表中，您应该将可编辑字段(如果存在，这就是我需要示例代码的原因(设置为状态isEditable字段

Answer 2

您可以通过使用输入的readOnly属性并使用onFocus进行更改来实现这一点。

<input type="text"
className="form-control"
value={this.state.value}
onChange={this.ChangeValue}
onFocus={this.EditValue}
readOnly={this.state.boolean}
/>

在EditValue函数中：

EditValue=()=>{this.setState({boolean:true})}