oo-graphql-mobx

问题 - 继承GraphqlStore的store类，成员变量未初始化

• 问题表现

//this.allList is undefined
return this.allList.find(...);

• 解决方法：修改.babelrc，legacy和loose两个配置必须加上

{
  "presets": [
    "@babel/env"
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose" : true }]
  ]
}

优化 - 使用Object.assign

{
  "presets": [],
  "plugins": [
    ["@babel/plugin-proposal-object-rest-spread", { "loose": true, "useBuiltIns": false }]
  ]
}

转为typescript，.babelrc备份

{
  "presets": [
    "@babel/env"
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose" : true }],
    ["@babel/plugin-proposal-object-rest-spread", { "loose": true, "useBuiltIns": false }]
  ]
}

mobx在taro中的限制

• 只有在react控件的render中将store对应的属性保存到本地变量，该属性修改时，mobx才会通知observer控件

• 以上的原理是：render中的本地变量，taro会处理到state

• 下面代码中：目前的taro-mobx只会监控currentItem, message，不会监控这些属性下级的变化

  const {manager: {currentItem, message}} = this.props;

  • 无监控：message.text='xxx'
  • 有监控：message={...}

• 下面代码中：没有设置currentItem本地变量，mobx不会更新视图

  <View>{this.props.reserve.currentItem.name}</View>