模型/商店与React状态

时间:2016-03-15 00:44:49

标签: backbone.js reactjs

我有点困惑,我正在配对React和Backbone

我有这段代码

getInitialState: function () {
    return localModel.toJSON();
},

componentDidMount: function () {

    this.listenTo(localModel, 'change', this.onLocalModelChange);
    this.listenTo(MappingCollection, 'add remove', this.onMappingCollectionChange);
},

onLocalModelChange: function () {
    this.setState(localModel.toJSON());
},

onMappingCollectionChange: function () {
    this.forceUpdate();
},

localModel是一个Backbone模型,基本上该模型的状态基本上等同于React视图的状态。使用上面的代码,是实现这种关系的最佳方式吗?看起来很奇怪我的视图状态需要与Backbone模型状态分开。如果我希望它们是同一个怎么办?

正如您所看到的,我基本上总是将状态值设置为Backbone模型。

1 个答案:

答案 0 :(得分:0)

  

localModel是一个Backbone模型,基本上该模型的状态基本上等同于React视图的状态。

那是对的。不过,我建议你这样做有点不同。只需将您的模型作为组件成员,然后使用它而不是状态。

@y

或者你可以改用我们的集成层。它使事情变得更简单。 https://github.com/Volicon/NestedReact