MobX +阵营 - 获取观察到的外部部件内重新渲染

Question

我一直MobX玩弄+阵营+阵营可排序HOC（https://github.com/clauderic/react-sortable-hoc）

而且我无法将新项目添加到排序列表动态地让它看起来很直观。如果点击几次“添加另一个”按钮将新项目推送到列表中，然后重新排列列表中的项目，那么列表将被更新以显示所有项目：

https://jsfiddle.net/56s57ryb/

以此为商店：

let appState = mobx.observable({ 
    todos: [ 'yellow', 'blue', 'red' ] 
}) 

appState.addTodo = function() { 
    appState.todos.push('new one') 
} 

我一直兜兜转转的年龄和在网上搜索上下，但我似乎无法查明我要去哪里错了。有谁知道发生了什么事？

Answer 1

您的反应组件未标记为观察者。请参阅https://jsfiddle.net/56s57ryb/1/以获取更新的小提琴。例如：

const SortableItem = SortableElement(mobxReact.observer(({value}) => <li className="SortableItem">{value}</li>));