Reactjs MobX+；React-在外部组件内重新渲染时获得可观察性

我一直在玩MobX+React+React Sortable Hoc（）

我无法将新项目动态添加到可排序列表中，并使其立即显示。如果您多次单击“添加另一个”按钮将新项目推送到列表中，然后对列表中的项目重新排序，则列表才会更新以显示所有项目：

将其用作存储：

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

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

---

多年来，我一直在兜圈子，上下搜索互联网，但我似乎无法指出我错在哪里。有人知道发生了什么吗？

您的react组件未标记为观察者。有关更新的小提琴，请参阅。例如：

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

const SortableItem=SortableElement（mobxReact.observer（（{value}）=>
{value}
）；