将接收道具的子组件反应为未定义

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 时，props 被传递为未定义。

jsfiddle

Answer 1

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

例如，如果您从 key 切换到 stuff，您的代码将有效。

Read here about it and here

将接收道具的子组件反应为未定义

React child component receiving props as undefined

reactjs

lodash

react-jsx