时间戳

首页 > 解决方案 > 反应 - 未找到数据

reactjs - 反应 - 未找到数据

问题描述

我有一个主要组件Resume和一个名为Header：

class Resume extends Component {
      constructor(props) {
        super();
        this.state = {
          data: {}
        }
      }
      componentDidMount() {
        this.setState( this.state = data);
      }
      render() {
        return (
          <div className="Resume">
            <Header data={this.state.header} />
            <Skills data={this.state.skills} />
          </div>
        );
      }
    }
    export default Resume;

    class Header extends Component {
      render() {
        return (
          <div className="header">
            <h1>{JSON.stringify(this.props.data.title)}</h1>
          </div>
        );
      }
    }

My simple sample data so far is: 

{
  "header": {
    "title": "Tim Smith's Resume"
  },
  "skills": [
    {"name": "HTML", "duration": 14}
  ]
}

为什么我得到：TypeError: Cannot read property 'title' of undefined

标签： reactjsapiobjectfetch

解决方案

  1. 无需使用JSON#stringify您的 title 属性已经是一个字符串。

  2. 在您componentDidMount的情况下，我们正在设置状态。尝试使用

    componentDidMount() const data = {}; // Define data or get it like you want this.setState({ ...data }); }

  3. 在初始化状态的构造函数中。你必须做this.state = { header: {}, skills: {} }你所做的。

推荐阅读