javascript - 传递返回未定义的道具

Question

主要成分

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渲染它时显示出来。现在我试图传递项目似乎无法显示它们。它一直说它无法读取未定义的地图。有任何想法吗？

score 0 · Accepted Answer

好的，我正在处理它。我将道具传递到最高 2 级。并且还添加了Router之前的包装div。

1 回答 1