反应子组件接收道具为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