reactjs - MobX 不会访问数组值

Question

我有点迷失在 MobX 中的数组，

我正在尝试访问数组的值并对其进行处理，但它的行为非常奇怪。

例如 ：

console.log('arr arr', this.props.arr) // ["test1, "test2", "test3"]
console.log('arr arr', Array.isArray(this.props.arr)) // true
console.log('arr arr', this.props.arr.length) // 0 (?!?)

所以我不能映射我的数组，我不能循环我的数组，它完全没用。

.slice我看到了一些关于使用and处理这个问题的同一主题的问题.replace，但这也无济于事。

如果你需要我，我可以添加其余的代码

Answer 1

请同时发布其余代码。请注意，在某些环境中，console.log 是异步的，因此在这些语句运行时长度可能为空，但在这些语句实际打印其输出时会填充数据。

例如，如果您在末尾添加语句：setImmediate(() => this.props.arr.push("test1", "test2", "test3"))它可能会产生您在上面看到的输出

Answer 2

这看起来与 mobx 无关。Mobx 只负责更新 store 。您必须在 props 中传递商店数据。请检查您是否已正确连接组件并存储