React .js TypeError:无法读取未定义的属性“名称”

时间:2018-07-27 23:20:47

标签: javascript reactjs

我收到此错误:

  

TypeError:无法读取未定义的属性“名称”

我在App.js中创建了一个用户对象,但是当我尝试在我的Person组件中访问其属性时,就会出现错误。

class ParentApp extends Component {
  render() {
    var user = {
      name: "syedhnajamnaqvi",
      hobbies: ["xbox", "swimming"]
    };

    return <div>{/* ... */}</div>;
  }
}

1 个答案:

答案 0 :(得分:0)

如果这样做,则可以使用name在Person组件内访问this.props.user.name

class ParentApp extends Component {
  render() {
    var user = {
      name: "syedhnajamnaqvi",
      hobbies: ["xbox", "swimming"]
    };

    return <Person user={user}>;
  }
}