在無狀態組件中反應contenteditable

Question

我正試圖在無狀態響應組件內實現contenteditable div。

我不斷收到以下警告：

warning.js:36 Warning: A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional. 

我該如何解決這個問題？

此外，如何閱讀div上的內容？

Answer 1

與任何React應用程序一樣，瀏覽器插件和擴展修改 DOM可能會導致草稿編輯器中斷。

例如，語法檢查器可能會修改DOM內的DOM可編輯元素，添加類似下劃線和 背景的樣式。由於React無法協調DOM，如果瀏覽器 與預期不符，編輯器狀態可能無法保持與DOM的 同步。

https://github.com/facebook/draft-js/issues/53

一種已知的錯誤。至於讀一個div什麼，分配元素的ID和..

oDoc = document.getElementById("divelement"); 
sDefTxt = oDoc.innerHTML; 

Answer 2

添加suppressContentEditableWarning="true"到CONTENTEDITABLE股利。

參考：https://github.com/facebook/draft-js/issues/81