时间戳

首页 > 解决方案 > React JS 映射/显示元素

javascript - React JS 映射/显示元素

问题描述

所以我试图将播放器数组作为道具传递给 App 组件，然后使用映射来迭代 initialPlayers 并为数组中的每个对象返回一个播放器组件。请检查下图。

这是 App.js 页面。ReactDOM.render 在 index.js 中。

我收到此错误：在此处输入图像描述

TypeError：无法读取未定义的属性“initialPlayers”

请问有什么好的和快速的建议吗？

谢谢

class App extends Component {
constructor(props) {
    super(props);
    this.state = {};
}

render() {

    const players = [

        { name: "Dex",
            score: 33
        },
        {
            name: "Rocko",
            score: 61
        },
        {
            name: "Lance",
            score: 29
        },
        {
            name: "Zane",
            score: 42
        },

    ];


ReactDOM.render(
  <React.StrictMode>
    <App players />,
  </React.StrictMode>,
  document.getElementById('root')
);

标签： javascriptreactjsmappingreact-props

解决方案

你好 ，

你传递的道具是名字 players ，你为什么要打电话initialPlayers？

尝试这个 ：

props.players.map

推荐阅读