React子组件接收道具未定义

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 Comp2为每个对象生成_.map时，道具会以未定义的方式传递下去。

jsfiddle

Answer 1

您的代码有效但您使用key名称作为道具。 key是React使用的特殊保留属性名称，用于了解组件具有哪些动态子级。

例如，如果您从key切换到stuff，您的代码就可以使用。

Read here about it和here