Reactjs附加一个元素而不是替换

我认为你的概念错了.React renderComponent确实在某个地方渲染了一个组件.多次执行此操作只会在该位置重新呈现相同的组件(也就是幂等).没有真正的"附加"声明,至少不是你要求的方式.

这是你想要实现的一个例子.忘了renderComponent这个.只是将组件放在某个地方.

/** @jsx React.DOM */
var pages = [{title: 'a', text: 'hello'}, {title: 'b', text: 'world'}];

var App = React.createClass({
  render: function() {
    return (
      <div>
        {
          this.props.pages.map(function(page) {
            return <div>Title: {page.title}. Text: {page.text}</div>;
          })
        }
      </div>
    );
  }
});

React.renderComponent(<App pages={pages} />, whateverDOMNodeYouWantItToBeOn);

看看我在那里做了什么？如果我想要多个divs,我只需要创建尽可能多的s.它们代表了你的应用程序的最终外观,因此div多次"追加"它并不是真的有意义.