Reactjs: Değişmez İhlal: ReactMount: Aynı "data-reactid" ile iki geçerli ancak eşit olmayan düğüm: .0.5

Question

Şimdi, Reactjs ve html5 "contentEditable" veya "edit" modunu kullandığımda bu sorunları yaşadım.

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

i girin veya yeni hat için Enter Shift yazdığınızda -> i tezler öğelerinde tıkladığınızda

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

önceki eleman ile yeni aynı eleman yap -> Bu hata görünür.

Sorun olduğunu biliyorum. Birisi bana bunun için çözüm verebilir? Belki de "contenteditable" modunda yeni bir öğe oluşturun veya Reactjs'de örtük olayı ele almayı engelleyin.

THanks.

Answer 1

Bu bilinen bir sorundur: https://github.com/facebook/react/issues/1466

<div contentEditable dangerouslySetInnerHTML={{__html: '<p></p>'}} /> kullanılması örneğin tek çözüm budur.

Answer 2

Benzer bir sorunla karşılaştım ve bu sorunu yeni öğe için key = {some random string} kullanarak çözdüm.