Reactjs TypeError:无法读取属性'；评论'；在反应中未定义的

dish.id==this.state.selectedDish）[0]}/> 这是将菜肴细节从Main组件传递到my DishDetail组件

{this.renderDish（this.props.dish）} 这是接收菜肴细节并正确呈现菜肴标题和描述。但是 {this.renderComments（this.props.dish.comments）}每当执行此操作时，我都会收到该错误

---

注意：我已经使用console.log（this.props.dish）进行了检查，以确认dish对象是否正确通过。

我认为您的代码发生的情况是，在特定时刻，当您的组件渲染时，this.props.dish未定义。您可以通过对此进行检查来避免该错误，这样您就不会调用未定义的对象的属性。您可以这样做：

this.props?.dish?.comments

---

您应该发布一些代码（renderComments方法）。但是错误是关于一个叫做“comment”的属性，在你的帖子中没有叫做“comment”的属性，只有一个叫做“comments”（复数）。因此，您可能看错了行。请提供一些解释，为什么您认为您提出的解决方案可能有助于OP。如果这只是一个有根据的猜测，那么将此建议作为评论，而不是答案。