2

我正在尝试使选项卡名称可编辑。例如:在此处输入图像描述

在上图的情况下,我希望“办公室”是可编辑的。

我正在使用以下软件包 https://www.npmjs.com/package/react-contenteditable

https://reactcommunity.org/react-tabs/

代码如下所示:

<Tab key={key}><ContentEditable
              html={temp} 
              disabled={false}       
              tagName='article'
            /></Tab>

编辑部分的工作单元我清除了所有字母,然后选项卡折叠,所以我不能再打字了。

我也试过:

<Tab key={key}><p contentEditable="true">hello</p></Tab>

我什至尝试为 p 标签和组件设置固定的高度和宽度,但这并没有帮助

基本上它看起来像 在此处输入图像描述

如您所见,光标消失了,我不能再打字了。

任何建议都会有所帮助。谢谢

4

0 回答 0