我正在尝试使选项卡名称可编辑。 例如：

对于上图，我希望“办公室”是可编辑的。

我正在使用以下软件包 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标签和组件设置固定的高度和宽度，但这无济于事

基本上看起来像

如您所见，光标消失了，我无法输入了。

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