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

【问题标题】：How to apply this functionality without refs and DOM manipulation如何在没有 refs 和 DOM 操作的情况下应用此功能
【发布时间】：2020-09-12 19:38:57
【问题描述】：

由于不鼓励使用 refs，有什么方法可以通过 state 或其他方式应用以下功能？

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

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

【问题讨论】：

标签： reactjs

【解决方案1】：

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

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

这就是说，在 React 上下文中使用 contentEditable 还存在与更改 prop 无关的其他问题。如果您想了解更多信息，Stack Overflow 上还有许多其他 questions about this。

【讨论】：