React + Meteor键控对象警告

Question

我如何摆脱这个警告?如果我删除task.created，没有警告。我搞不懂这个。请看下面的代码示例:

Warning: Any use of a keyed object should be wrapped in React.addons.createFragment(object) before being passed as a child.

ShowAllPosts = React.createClass({
  mixins: [ReactMeteorData],
  getMeteorData() {
    // This function knows how to listen to Meteor's reactive data sources,
    // such as collection queries
    return {
      // Returns an array with all items in the collection
      tweets: Posts.find().fetch().reverse()
    }
  },
  render() {
    var showHTML = this.data.posts.map(function (task) {
      return (
        <div key={task._id}>
          <img className="profile-pic" src="images/puppy.jpeg" />
          {task.content}
          <br />
          Date: {task.created}, <a href="{task._id}">Get Link</a>, id: {task._id}
          <hr />
        </div>
      );
    });
    return (
      <ul>
        <hr />
        {/* Access the data from getMeteorData() on this.data */}
        { showHTML }
      </ul>
    );
  }
});

Answer 1

我假设task.created是一个Date对象。

React不会自动将日期转换为字符串，因此您需要编写像{task.created.toString()}这样的东西或使用像moment这样的包来格式化您的日期。