javascript - Meteor 和 ReactJS - 从 MongoDB 检索日期到字符串？

Question

我正在使用 ReactJS 变体学习 Meteor 教程，同时进行一些实验。我是 Meteor、React 和 Mongo 的新手。我的背景是 PHP、SQL 和 JS。

目前我有一个集合(表)“任务”，它存储包含字符串类型的“文本”字段和日期类型的“createdAt”字段的文档(行)。

为了允许显示“任务”，使用以下代码:

// Task component - represents a single todo item
export default class Task extends Component {

  render() {

    return (
      <li>
        <span className="text">{this.props.task.text}</span>
      </li>
    );
  }
}

现在，我想显示任务的“createdAt”属性。知道它来自 javascript Date 类型，我尝试以下操作:

return (
    <li>
       <span className="text">{this.props.task.text}</span><br/><br/>
       <span className="createdAt">{this.props.task.createdAt}</span>
    </li>
);

和

return (
    <li>
       <span className="text">{this.props.task.text}</span><br/><br/>
       <span className="createdAt">{this.props.task.createdAt.toString()}</span>
    </li>
);

执行此操作时，任务不再显示，并且在检查应用程序时收到以下错误消息:

Invariant Violation: Objects are not valid as a React child (found: Fri Oct 07 2016 22:11:07 GMT+0200 (Romance Daylight Time)). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of Task.

我仍然对 React 感到困惑。这个错误消息指的是 React child 的含义是什么？我该如何解决它？

Answer 1

momentjs是一个非常好的显示和操作日期和时间的库。从您的 createdAt 您可以使用

<span className="createdAt">
  {moment(this.props.task.createdAt).format(/*valid format, e.g. DD/MM/YYYY*/)
</span