与平面列表的另一个冲突是，当数据数组长度为3、5或7等时，使用的是 numColumns={2}。更改为 numColumns={1} 警告错误已解决。但此问题的解决方案使用Javascriptslice方法

<FlatList
   data={ProductStore.dataFood.slice()} // added .slice()
   extraData={ProductStore.dataFood}
   refreshing={ProductStore.productsLoading}
   numColumns={2} // number 2 conflicts when your array length is 3 or 5 or 7 and etc...
   renderItem={this._renderItemFood}
   keyExtractor={(item, index) =>
     index.toString()
   }
/>

Mobx可以使dynamic objects可观测（它事先不知道）
但是如果你在客户端调试器中查看这个对象（console.log（myObject）），你会发现它不是一个普通的JS对象，而是Mobx的某个代理对象。
为了避免这种警告，你可以使用toJS method，它将一个（可观察的）对象转换成一个javascript结构。
例如，以下代码返回警告

autorun(
        () => {
          if (this.props.store.myObject !== null ) 
          {
            this.updateSomeUi(this.props.store.myObject);
          }
        }
    );

您可以使用以下方法解决此问题：

import { toJS } from 'mobx';  
...
  autorun(
        () => {
          if (this.props.store.myObject !== null ) 
          {
            let myStruct = toJS(this.props.store.myObject);
            this.updateSomeUi(myStruct);;
          }
        }
    );

如果将@action更改为以下内容，会发生什么情况：

@action
selectAllChecks = (target, type) => {
      this.checks[type] = this.checks[target].map((value) => value);
}

是否仍显示mobx out of bounds错误？

您似乎正在尝试访问一个可观察数组的元素，而该元素不存在。您有两个可观察数组，其中一个deviceTypeChecks没有元素。但是，代码看起来没有问题。代码中是否有其他地方正在访问此数组？

我今天遇到了同样的问题，在检查了所有的东西之后，我发现问题是我定义了错误的数据类型，所以mobx无法正常读取它。
定义的数组错误：

exampleArr: types.array(types.model({
    dataOne: type.string,
    dataTwo: type.number   <-- this should be a string but I defined it as number
}))

在我把它换成正确的类型后，它工作得很好

exampleArr: types.array(types.model({
    dataOne: type.string,
    dataTwo: type.string   
}))