warning.js：45警告：flattenChildren（...）：同じキーを持つ2人の子供、 `.1：$ .. 'が発生しました

Question

これらのエラーが1つずつ発生しています。警告メッセージに添付されています。 idキーに基づいてどこから来ているのかを知る方法はありますか？

Answer 1

重要な間違いをどこで見つけたのかは、通常は痛いのですが、React 15ではdata-reactidは決してDOMにレンダリングされず、難しくなります。通常のバージョンでは、DOMを調べて、data-reactid=.1:$....の要素を探し始めます。

とにかく、エラーはどこか手でkey小道具を手動で設定することから来るので、あなたのコンポーネントでそれを探し始める。今

var things = [1,2,3,4].map(function(value, index){ 
    // This will cause Warning: flattenChildren... because 
    // every div will be given the same React ID 
    return (
    <div key="FIXED_KEY">{value}</div> 
); 
}) 

、このような場合には、あなただけのことを確認して、手動でキーを設定するを持っている：あなたは配列を持っており、この配列の各値のためにコンポーネントをレンダリングする場合、これは通常問題ですキーは、同じループ内の各レンダリングされたコンポーネントに対して一意です。