Javascript 反应-无法读取未定义的属性X

因此，我试图调用第1节中的字符串。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>
        );

返回(
{this.props.article.title}
{this.props.article.subTitle}
{this.props.article.body.section1.text}
);

标题和副标题都返回罚款。。。但当我尝试获取section1.text时，它返回：

无法读取未定义的属性“section1”

我在网上看了看，我想这与它是一个嵌套对象有关，但我无法回避我的问题。有什么建议吗

---

---

任何帮助或建议都将不胜感激。提前感谢？

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

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

第页最后显示了文本吗？如果是，我怀疑您的初始状态没有section1字段，所以在第一次渲染之前，它是空的。

---

我也有类似的问题，这是我的案例的结果，也许你们的结果是一样的：）

最后的文本显示在页面上了吗？如果是，我怀疑您的初始状态没有section1字段，所以在第一次渲染之前，它是空的。

---

我也有类似的问题，这是我的案例的结果，也许你的结果是一样的：）

我的猜测是对象在渲染时没有

主体

，但稍后会添加到其中，而你正在与之发生冲突，这会诱使你认为

身体

在那里。是

这个.props.article.body

还是

这个.props.article.article.body

？@KoalaYeung:在这种情况下，他在

this.props.article.title

上会遇到问题。我正在使用'store.article.article'从我的redux存储中声明一个connect变量，然后在我的jsx中使用'this.props.article.subTitle'调用它的属性@koalayeung就像我说的，它返回title和subTitle没有问题，我想问题在于如何在JSXM中调用body.section1.text。我猜对象在渲染时没有

body

，但稍后会添加到其中，而你正在与之发生冲突，这会诱使你认为

身体

在那里。是

这个.props.article.body

还是

这个.props.article.article.body

？@KoalaYeung:在这种情况下，他在

this.props.article.title

上会遇到问题。我正在使用'store.article.article'从我的redux存储中声明一个connect变量，然后在我的jsx中使用'this.props.article.subTitle'调用它的属性@koalayeung就像我说的，它返回title和subTitle没有问题，我认为问题在于如何在JSX中调用body.section1.text