Zwei gültige, aber ungleiche Knoten mit der gleichen 'Daten-Reactid

Question

Ich verstehe es passiert, wenn zwei Knoten die gleiche Daten-ID haben, aber wie kontrolliere ich, dass zwei Knoten nie die gleiche ID haben? Es hält werfen diesem Fehler die ganze Zeit

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

Wenn Sie wissen, welche Knoten diejenigen sind, und das sind einige, die Produkt einer Karte Betrieb sind Sie ein key wie <Component key={index} /> einstellen.

Der Index eines Elements im Array wird normalerweise als Schlüssel verwendet, wenn Sie keinen eindeutigen Schlüssel haben, den Sie verwenden könnten.

Oder wenn Sie die gleiche Komponente zweimal rendern, dann stellen Sie einfach einen vorläufigen Schlüssel ein.