React - 无法读取未定义

Question

所以我试图在 section1.text 中调用字符串......我的控制台返回：

这是我的JSX：

        return (
            <div>
                <h1>{this.props.article.title}</h1>
                <h2>{this.props.article.subTitle}</h2>
                <h3>{this.props.article.body.section1.text}</h3>
            </div>
        );

title和subTitle都返回正常 ...但是当我尝试获取section1.text时它会返回：

  

无法读取未定义

的属性'section1'

我在线查看，我认为它与嵌套对象有关，但我无法解决我的问题。有什么建议吗？

感谢任何帮助或建议。提前谢谢你？

Answer 1

使用Google Chrome和“React Tools”Chrome扩展程序在运行时检查组件的状态。

Answer 2

最后是否在页面上显示了文字？如果是，我怀疑你的初始状态没有 section1 字段，所以在第一次渲染之前它是空的。 我有类似的问题，这是我的案例的结果，也许你的相同：）