传递道具返回undefined

时间:2018-01-16 12:43:07

标签: javascript reactjs react-router react-props

主要组件

const items = [{name: 'a'}, {name: 'b'}, {name: 'c'}]
render={() => (
    <LinksComponent
        items={items}
    />)}

链接组件

const LinksComponent = ({ items }) => (
    <div>
        {items.map((item) => {
            return <div>{item.name}</div>
        })}
   </div>
)

我必须遗漏一些非常简单的东西,但我有我的主要组件,这个react-router渲染了我的链接组件。这一切都正确连接,因为当我显示hello world呈现时。现在,我试图传递物品似乎无法显示它们。它一直说不能读取未定义的地图。任何想法?

1 个答案:

答案 0 :(得分:0)

好的我已经完成了它。我以最高2级通过道具。并在Router之前添加div包装。

请在此处查看解决方案 - https://codesandbox.io/s/ly63qwjm49