反應子組件接收道具爲undefined

Question

我有組件Comp1，它是子組Comp2。的markers的狀態在父組件設置爲這個對象：

var MARKER_ITEMS = { 
      "item1" : { 
        "cat" : "wow", 
        "img" : "slide", 
        "info" : "bike", 
        "key" : "1" 
       }, 
       "item2" : { 
        "cat" : "omg", 
        "img" : "slide", 
        "info" : "4x4", 
        "key" : "2" 
       } 
     }; 

當我嘗試生成與loadash _.map每個對象Comp2，道具獲得傳下來的不確定。

jsfiddle

Answer 1

你的代碼的作品，但你使用的key名稱作爲道具。 key是React用於瞭解組件具有哪些動態子組件的特殊保留屬性名稱。

例如，如果您從key切換到stuff例如，您的代碼將起作用。

Read here about it and here