ReactJS Reflux 在 ES6 中使用 mixin

标签 reactjs ecmascript-6 mixins refluxjs

如何使用 ES6 解决存在回流的 mixin 问题?

像这样:

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

导致错误“意外的 token ”,并带有如上所示的箭头。

react v 0.14.7 回流 v 0.4.0

最佳答案

理论上 mixins 适用于 React 0.14 。

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

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

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

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

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

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

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

关于ReactJS Reflux 在 ES6 中使用 mixin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35949907/

相关文章:

javascript - 从 props 数组中按索引值删除

javascript - 当我将对象作为 Prop 传递给子组件时如何避免重新渲染?

javascript - React 类中的清除间隔

objective-c - 如何在 Objective C 中实现 mixin 或 Trait 类型的行为?

css - 如何使用 compass 和 scss 要求混合(来自配置)

reactjs - 在react-admin中通过REST API进行基于cookie的身份验证

reactjs - 关于 recompose.pure 和 recompose.compose 函数顺序的最佳实践

css - 如何为 slider 添加 CSS

javascript - 数字(整数或小数)到数组,数组到数字(整数或小数)而不使用字符串

javascript - 为什么我的 javascript mixin 不工作?