如何在没有引用和DOM操作的情况下应用此功能

Question

因为参考文献是不鼓励的，有什么方法我可以应用下面的功能与状态或其他方式？

saveAfterEdit = () => {
  //some code
  document.getElementById(id).contentEditable = 'false';
}

edit = () = > {
  document.getElementById(id).contentEditable = 'true';
}

Answer 1

它就像任何其他属性一样，所以您将其指定为道具：

<div contentEditable={this.state.editable} />

也就是说，在React上下文中使用ContentEditable还有其他与修改道具无关的问题。如果您想了解更多，关于堆栈溢出还有许多其他问题。