html - 値がクリアされると、反応タブコンポーネント内の ContentEditable コンポーネントが機能しない

質問する 2019-12-04T14:28:43.923

100 次

タブ名を編集可能にしようとしています。例えば：

上の画像の場合、「オフィス」を編集可能にしたいです。

コードは次のようになります。

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

編集部分の作業ユニットすべての文字を消去すると、タブが折りたたまれて入力できなくなります。

私も試しました：

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

pタグとコンポーネントに固定の高さと幅を設定しようとしましたが、それは役に立ちませんでした

基本的には次のようになります

ご覧のとおり、カーソルがなくなり、入力できなくなりました。

どんな提案も役に立ちます。ありがとうございました

html - 値がクリアされると、反応タブ コンポーネント内の ContentEditable コンポーネントが機能しない