javascript - Mobx 不会在可观察数组中的项目发生更改后重新呈现

Question

我不明白为什么 TableContainer|TableComponent 组件没有正确更新它的子组件。在商店里我有一个对象数组，当我试图更新对象属性时 Table 不更新它的值。如果我替换整个数组，它仍然可以工作。

您可以在此 sandbox 中检查此行为.

文档指出启动可观察数组，使项目也可观察。( docs )

Similar to objects, arrays can be made observable using observable.array(values?) or by passing an array to observable. This works recursively as well, so all (future) values of the array will also be observable.

为什么会发生这种情况？我有 redux 背景，我试图将我的头围绕在 mobx 上，但没有成功。

Answer 1

您的 FlipScrollTable 组件也应该是一个观察者