对象作为 React 子项无效 - 无法在 React 中显示对象的值答案

【问题标题】：Objects are not valid as a React child - Unable to display value from object in React对象作为 React 子项无效 - 无法在 React 中显示对象的值
【发布时间】：2021-04-27 09:35:38
【问题描述】：

我的 React 应用程序中有一个 moment() 对象，看起来像这样 -

这存储在名为scheduleDate 的状态变量中。

当我尝试通过简单的操作从前端的时刻对象中显示_d 的值时

<p>{this.state.scheduleDate._d}</p> 它给了我这个错误 -

未捕获的错误：对象作为 React 子级无效（发现时间：2021 年 4 月 30 日星期五 15:02:21 GMT+0530（印度标准时间））。如果您打算渲染一组子项，请改用数组。

我尝试了不同的方法，但没有任何效果。知道出了什么问题，我该如何克服？

提前致谢。

【问题讨论】：

标签： node.js reactjs momentjs

【解决方案1】：

您在console 中看到的可能是JavaScript 的Date 对象的toString 表示。

请尝试以下方法：

<p>{this.state.scheduleDate._d.toString()}</p>

【讨论】：

这行得通！我怎样才能从这个字符串中显示28th April, 2021？
为此，您可能需要根据these formatting rules 使用您的矩对象的format() 方法，它看起来像<p>{obj.format("Do MMMM, YYYY")}</p>