兩個有效但不相等的節點具有相同的'data-reactid

Question

我明白這發生在兩個節點具有相同數據ID但是如何控制兩個節點從不具有相同ID時？它不斷拋出這個錯誤所有的時間

Uncaught Error: ReactMount: Two valid but unequal nodes with the same `data-reactid`: .c.2.0.0.0.0.0.0.0.0.$/=10.0.0 
     at invariant (invariant.js:39) 
     at Object.getID (ReactMount.js:119) 
     at findParent (ReactEventListener.js:39) 
     at handleTopLevelWithoutPath (ReactEventListener.js:87) 
     at handleTopLevelImpl (ReactEventListener.js:73) 
     at ReactDefaultBatchingStrategyTransaction.perform (Transaction.js:136) 
     at Object.batchedUpdates (ReactDefaultBatchingStrategy.js:62) 
     at Object.batchedUpdates (ReactUpdates.js:94) 
     at dispatchEvent (ReactEventListener.js:204) 

Answer 1

如果你知道哪些節點那些是的，那些是其中一些是可以設置一個key如<Component key={index} />地圖操作的產品。

如果您沒有可以使用的某個唯一鍵，則陣列中的某個項目的索引通常用作鍵。

或者，如果您渲染相同的組件兩次，那麼只需設置一些臨時密鑰。