对象在添加 div 时作为 React 子对象无效？答案

【问题标题】：Objects are not valid as a React child getting error when adding div?对象在添加 div 时作为 React 子对象无效？
【发布时间】：2019-05-11 20:44:36
【问题描述】：

我只是在divs 之间渲染数据并显示，但我收到了错误

对象作为 React 子对象无效（发现时间：1998 年 12 月 9 日星期三 00:00:00 GMT+0530（印度标准时间））。如果你打算渲染一个孩子的集合，请改用数组。

<Fragment key={String(index) + String(i)}>
                    <div>{displaytext}</div>
                    <div>{value}</div>
                  </Fragment>

唯一的问题是这一行<div>{value}</div>，如果我删除这一行一切正常。如果我添加这一行，我会遇到错误，为什么？这是我的代码 https://codesandbox.io/s/ooj2wowy9q

【问题讨论】：

标签： javascript reactjs react-redux

【解决方案1】：

React 不允许像 Dates 或 Arrays 这样的对象作为子对象，您需要将 value 转换为字符串，如下所示：

<div>{new Date(value).toString()}</div>

希望对您有所帮助！

【讨论】：

【解决方案2】：

value 是一个日期对象。试试这个：

<div>{moment(value).format('DD-MM-YYYY')}</div>

【讨论】：

@user944513 如果wdm的回答解决了你的问题，请标记为正确的

【解决方案3】：

我认为你可能用错了日期

<div>{value.toDateString()}</div>

可能会解决问题

【讨论】：

【解决方案4】：

日期是对象本身，对象作为 React 子对象无效。您需要将值转换为字符串，

<div>{value.toDateString()}</div>

或者，您可以使用Moment Js

<div>{moment(value).format('DD-MM-YYYY')}</div>

【讨论】：

您的答案只是重复了其他（赞成甚至接受）答案中提出的解决方案。除非您有什么要补充的，否则请不要发布答案。