Question

我想单击一下按钮即可在react bootstrap表中使行可编辑，我该怎么做？我是React的新手。

Answer 1

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

我将尝试做的事情：在构造函数中：

this.state = { isEditable: false }

在按钮的点击中：

this.setState({ isEditable: true })

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

Answer 2

您可以使用input的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})}

如何在React Bootstrap表中单击按钮使行可编辑？

2 个答案: