Reactjs：不变违规：ReactMount：两个有效但不相等的节点具有相同的`data-reactid`：.0.5答案

【问题标题】：Reactjs : Invariant Violation: ReactMount: Two valid but unequal nodes with the same `data-reactid`: .0.5Reactjs：不变违规：ReactMount：两个有效但不相等的节点具有相同的`data-reactid`：.0.5
【发布时间】：2014-12-18 02:23:16
【问题描述】：

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

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

当我输入 Enter 或 Shift Enter 到新行时 -> 使用前一个元素创建新的相同元素

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

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

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

谢谢。

【问题讨论】：

标签： javascript html reactjs

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我遇到了类似的问题，我使用key = {some random string} 解决了这个问题。

【讨论】：