您可以使用基于此BackboneMixin的mixin来帮助自动绑定和取消绑定侦听器，而不是手动绑定事件侦听器：
https://github.com/facebook/react/blob/1be9a9e/examples/todomvc-backbone/js/app.js#L148-L171
那你就写

var List = React.createClass({
    mixins: [BackboneMixin],

    getBackboneModels: function() {
        return [this.props.myCollection];
    },

    render: function(){
        var listItems = this.props.myCollection.map(function(item){
            return <li>{item.get("someAttr")}</li>;
        });
        return <ul>{listItems}</ul>;
    }
});

并且当集合中的任何内容发生变化时，组件将被重新呈现。您只需要将BackboneMixin放在顶级组件上--任何后代都将同时自动重新呈现。

IMO，React仍然是非常新的，关于如何处理数据和像Backbone这样的React式模型的既定规则非常少。这也是一个优势，如果你有一个现有的应用程序- react可以集成在它的一些更小的部分上，而不需要重新定义整个数据流。
我相信，由于React可以随时调用render“smart”（即只重新呈现已更改的部分），因此您实际上不需要将数据作为状态进行传递。只需传递数据，在顶层组件上添加侦听器，并在模型更改时调用forceUpdate，它将很好地向下传播。
它只是似乎更“正确”通过 Backbone 模型作为道具，而不是国家。
我很难学到的一件重要的事情是在呈现 Backbone.js 模型列表时使用model.cid作为键（而不是Math.random()）：

var listItems = this.props.myCollection.map(function(item){
    return <li key={item.cid}>{item.get("someAttr")}</li>;
});

因为否则React将无法识别要重新渲染的模型，因为所有模型在每次渲染时都将有新的关键点。

我一直在使用这里提到的BackboneMixin和其他一些React资源（关于目前有限的信息）。我发现当我在监听一个正在从服务器更新的集合时，同样多的n个“add”事件将在集合上触发并由BackboneMixin监听，从而调用force update n次，它调用render以及render调用的任何内容n次。
相反，我使用了下划线/lo-dash的throttle方法来限制forceUpdate被调用的次数。至少这限制了render方法被调用的次数。我知道react实际上并没有做任何DOM操作，它只是一个虚拟的DOM，但仍然没有理由为100次向Collection的直接添加而调用它100次。
因此，我的解决方案看起来像https://gist.github.com/ssorallen/7883081，但使用了如下所示的componentDidMount方法：

componentDidMount: function() {
  //forceUpdate will be called at most once every second
  this._boundForceUpdate = _.throttle(this.forceUpdate.bind(this, null), 1000);
  this.getBackboneObject().on("all", this._boundForceUpdate, this);
}

还有另一个BackboneMixin courtesy of Eldar Djafarov，它在模型更改时重新呈现组件，并且还提供了一种非常方便的方法来实现双向数据绑定：

var BackboneMixin = {
    /* Forces an update when the underlying Backbone model instance has
     * changed. Users will have to implement getBackboneModels().
     * Also requires that React is loaded with addons.
     */
    __syncedModels: [],
    componentDidMount: function() {
      // Whenever there may be a change in the Backbone data, trigger a reconcile.
      this.getBackboneModels().forEach(this.injectModel, this);
    },
    componentWillUnmount: function() {
      // Ensure that we clean up any dangling references when the component is
      // destroyed.
      this.__syncedModels.forEach(function(model) {
        model.off(null, model.__updater, this);
      }, this);
    },
    injectModel: function(model){
      if(!~this.__syncedModels.indexOf(model)){
        var updater = this.forceUpdate.bind(this, null);
        model.__updater = updater;
        model.on('add change remove', updater, this);
      }
    },
    bindTo: function(model, key){
      /* Allows for two-way databinding for Backbone models.
       * Use by passing it as a 'valueLink' property, e.g.:
       *   valueLink={this.bindTo(model, attribute)} */
      return {
        value: model.get(key),
        requestChange: function(value){
            model.set(key, value);
        }.bind(this)
      };
    }
  }

下面是他的jsFiddle，它演示了用法：http://jsfiddle.net/djkojb/qZf48/13/

react.backbone似乎是最新的React-Backbone集成解决方案，但尚未测试。