添加 div 时，对象作为 React 子对象无效？

Question

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

对象作为 React 子对象无效（找到：Wed Dec 09 1998 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

Answer 1

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

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

Answer 2

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

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

希望这对你有帮助！