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

Question

我在react JS中工作。我想在双击时使输入字段可编辑。是否可以在react中使用，或者我应该使用第三方库？

Answer 1

如果我正确理解您的问题，您可以简单地在input中添加一个onDoubleClick事件侦听器，并使用它来切换readOnly:

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

Answer 2

是的，有三种可能。您也可以使用Bootstrap 3、Jquery或Jquery UI。Bootstrap是所有这些中最好的选择，因为在互联网上有多余的材料。您可以使用"；"X可编辑"；。这将使您可以编辑的特定字段。这将在输入字段上打开一个弹出窗口。链接：https://vitalets.github.io/x-editable/