react js中的动态可编辑输入字段

【问题标题】：Dynamic Editable input fields in react jsreact js中的动态可编辑输入字段
【发布时间】：2021-01-10 15:35:53
【问题描述】：

我正在使用 React JS。我想在双击时使输入字段可编辑。是否有可能做出反应还是我应该使用第三方库？

【问题讨论】：

【解决方案1】：

是的，可以通过三种方式实现。您也可以使用 Bootstrap 3、Jquery 或 JQuery UI。 Bootstrap 是所有这些中的最佳选择，因为 Internet 上有多余的材料。您可以使用“X-Editable”。这将使您可以使该特定字段可编辑，这将在输入字段上打开一个弹出窗口。链接：https://vitalets.github.io/x-editable/

【讨论】：

【解决方案2】：

如果我正确理解了您的问题，您可以简单地将onDoubleClick 事件侦听器添加到您的input 并使用它来切换readOnly：

const [readOnly, setReadOnly] = useState(true);
return (
  <input readOnly={readOnly} onDoubleClick={() => setReadOnly(false)}/>
)

【讨论】：