Question

我认为我的标题不是很清楚，但我不知道如何授权这个问题，所以我很乐意接受任何改进：）

所以，我正在尝试创建一个ReactJS组件UIBlogLoader，它将返回一个或多个UIBlogStoryCard组件。我将使用一个简化的例子来解决这个问题。这是我的代码：

var MyComponent = React.createClass({
  render: function() {
    var objects = [];
    for(var i = 0; i < 10; i++) {
      objects.push( <div>Component with number {i}</div> );
    }
    return objects;
  }
});

这会给我一个错误，说我从undefined返回render。

我找到了一种方法来完成这项工作，但我不想在另一个{{1}内创建UIBlogStoryCard s（在简化示例中，div s） }。 Here (on Codepen)是工作代码：

<div />

但这会让我有这样的事情：

var MyComponent = React.createClass({
  render: function() {
    var objects = [];
    for(var i = 0; i < 10; i++) {
      objects.push( <div>Component with number {i}</div> );
    }
    return <div> {objects} </div>;
  }
});
React.render(
  <MyComponent />,
  document.getElementById("mountNode");
);

我希望内部<div id="mountNode"> <div data-reactid=".0"> <span data-reactid=".0.0"> </span> <div data-reactid=".0.1:0"> <span data-reactid=".0.1:0.0">Component </span> <span data-reactid=".0.1:0.1">0</span> </div> <div data-reactid=".0.1:1"> <span data-reactid=".0.1:1.0">Component </span> <span data-reactid=".0.1:1.1">1</span> </div>  </div> </div>成为div的直接子女。我怎样才能做到这一点？

从React.render返回对象数组

0 个答案: