MobX + React - 使可观察的内容在外部组件中重新呈现

时间:2016-10-04 19:44:12

标签: reactjs mobx mobx-react

我一直在玩MobX + React + React Sortable Hoc(https://github.com/clauderic/react-sortable-hoc

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

https://jsfiddle.net/56s57ryb/

将此作为商店使用:

private List<Long> groups;

我已经在圈子里走了很长时间,上下搜索互联网,但我似乎无法确定我哪里出错了。有谁知道发生了什么?

1 个答案:

答案 0 :(得分:4)

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

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