Как сделать строку редактируемой по нажатию кнопки в таблице начальной загрузки React?

Question

Я хочу сделать строку редактируемой в таблице начальной загрузки при нажатии кнопки, как я могу это сделать, я новичок в React.

Answer 1

Вы можете сделать это, используя 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})}

Answer 2

Без какого-либо примера кода, не просто предоставить полный рабочий пример, но только предложение:

Что я хотел бы сделать: в конструкторе:

this.state = { isEditable: false }

в onClick ofкнопка:

this.setState({ isEditable: true })

в таблице вы должны установить редактируемое поле (если оно существует, поэтому мне нужен пример кода) в поле состояния isEditable