warning.js：45警告：flattenChildren（...）：遇到兩個孩子使用相同的密鑰，'.1：$ ..'

Question

我收到大量這些錯誤，一個接一個地使用不同的密鑰附加到警告消息。有沒有辦法根據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> 
); 
}) 

現在，在這樣的情況下，你有手動設置鍵，只要確保該鍵對於同一循環中的每個渲染組件都是唯一的。