ReactJs: возможно ли получить отредактированное значение внутри этого тега {this.state.value} </td> тег

Question

Я искал во многих различных вопросах stackOverflow и в собственной документации html, и, очевидно, нет способа извлечь значение из:

<td contentEditable='true'> {this.state.value}  </td>    

Очевидно, что нет никакого собственного способа получить отредактированное значение с помощью user?
В моем приложении:

После того, как пользователь нажмет зеленую кнопку, я установлю атрибут contentEditable на true и, следовательно, он может редактировать правую колонку. Тем не менее, я застрял, когда захотел получить новое значение, которое пользователь набрал, чтобы отправить его бэкэнду!
Но это не имеет никакого смысла, потому что для чего используется атрибут contentEditable если я не могу получить отредактированное значение?
Я нашел только слушатель onClick , который я могу использовать, чтобы узнать, когда пользователь нажал на определенную ячейку.
PS: Я помню, в Angular Раньше я делал это легко с помощью двусторонней привязки данных.

Answer 1

<td onClick={() => this.setState({ isEditing: true })}>
  {this.state.isEditing ? <input {...yourPropsToHandleInput} /> : {this.state.value}
</td>

Answer 2

Вместо {this.state.value} ваш код должен использовать компонент, который поддерживает ввод информации через него. Например, textarea и использовать связанные с ним функции событий для отправки информации на сервер.