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>));