错误对象作为 React 子对象无效（发现：无效日期）答案

【问题标题】：Error Objects are not valid as a React child (found: Invalid date)错误对象作为 React 子对象无效（发现：无效日期）
【发布时间】：2016-02-10 11:12:16
【问题描述】：

得到下面的错误，谁能解释我为什么得到这个？

对象作为 React 子项无效（发现：无效日期）。如果您打算渲染一组子项，请改用数组或使用 React 附加组件中的 createFragment(object) 包装对象。检查DataGridRow的渲染方法。

这是我的渲染方法：

render: function () {


    var columns = this.props.columns;
    var styles = {};

        if (this.props.data.isSensitive == true) {
            styles = {
                backgroundColor: 'pink'
            };
        }

        if (this.props.data.startDate) {

                var jsonWeek = moment(this.props.data.startDate, "W");
                var currentWeek = moment("W");
                if (currentWeek == jsonWeek) {

                    styles = {
                        backgroundColor: '#FCF2D8'
                    };

                }
        }

    return (
        <tr style={styles}>
            {this.getCellNodes()}
        </tr>
    );

}

【问题讨论】：

能否请您也为 this.getCellNodes() 添加代码？

标签： reactjs

【解决方案1】：

您应该将以下代码保留在 Render 函数中，并将其他代码移到外面。

使用 this.state 与渲染函数共享资源（在您的情况下为样式 var）。

     return (
        <tr style={styles}>
            {this.getCellNodes()}
        </tr>
    );

【讨论】：

【解决方案2】：

我认为“this.props.data.startDate”的日期无效

console.log(this.props.data.startDate);
var jsonWeek = moment(this.props.data.startDate, "W");

记录并检查

【讨论】：