ReactJS Reflux使用mixins和ES6

Question

如何使用ES6解决带有回流的混合物？

像这样:

mixins: [Reflux.listenTo(myStore, "onChange")]
                        ^

使用上面显示的箭头导致错误"意外令牌".

React v 0.14.7 Reflux v 0.4.0

Answer 1

理论上 mixins 适用于 React 0.14 。

如果您使用 ES6 语法（尤其是类），它们将不起作用。在 ES6 中，我们改用高阶组件。

你不能简单地用一些 ES6 语法来替换回流 mixin。你必须找到不混入回流的溶液。有一个关于它的有趣话题：

https://github.com/reflux/refluxjs/issues/225

还有一些链接可能对您有帮助：

https://www.npmjs.com/package/reflux-provides-store https://www.npmjs.com/package/reflux-state-mixin

或者您可以尝试通过此组件从 mixins 创建高阶组件：

https://github.com/timbur/react-mixin-decorator