javascript - react : Invariant Violation: ReactMount: Two valid but unequal nodes with the same `data-reactid` : . 0.5

Question

现在，我在使用 Reactjs 和 html5 的“contentEditable”或“edit”模式时遇到了这个问题。

<div contenteditable="true">
<p data-reactid=".0.5">Reactjs</p>
</div>

当我输入 Enter 或 Shift Enter 到新行时 -> Make new same element with the previous element

<div contenteditable="true">
<p data-reactid=".0.5">Reactjs</p>
<p data-reactid=".0.5"></p>
</div>

当我点击这些元素时 -> 将出现此错误。

我知道这是个问题。有人可以给我解决方案吗？也许在“contenteditable”模式下创建新的另一个元素，或者在 Reactjs 中阻止处理隐式事件。

谢谢。

Answer 1

这是一个已知问题:https://github.com/facebook/react/issues/1466

使用 <div contentEditable dangerouslySetInnerHTML={{__html: '<p></p>'}} />例如，这是唯一的解决方法。