使用带有ES6的mixins的ReactJS Reflux

阿米迪

如何使用ES6解决带有回流的混合素?

像这样:

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

上面显示的箭头导致错误“意外令牌”。

反应v 0.14.7回流v 0.4.0

克尔兹斯托夫·斯托姆普卡

理论上来说,mixins的作用是反应0.14。

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

您不能简单地用某些ES6语法替换回流混合。您必须找到没有mixins溶液的回流液。有一个有趣的话题:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

reflux connectFilter仍向所有侦听组件发送更新

来自分类Dev

如何使用Reflux商店处理分层数据?

来自分类Dev

最好在React和Reflux中使用一些大型或多个小型商店

来自分类Dev

运行已编译的JSX时发生React Reflux错误,但使用Transformer时不发生

来自分类Dev

最好在React和Reflux中使用一些大型或多个小型商店

来自分类Dev

如何获取所有Reflux动作名称的列表以及所有这些动作的preEmit钩子?

来自分类Dev

使用Reflux,需要2个商店还是1个资源商店?(自行车/ CurrentBike vs自行车)

来自分类Dev

ReactJs-在ES6中使用Mixins

来自分类Dev

如何用Jest测试reflux动作

来自分类Dev

带有箭头功能es6的setTimeout ReactJS

来自分类Dev

reactjs中带有es6映射的意外令牌

来自分类Dev

如何使React.js组件侦听Reflux中的商店

来自分类Dev

React Router导致Reflux存储中的AJAX调用失败

来自分类Dev

React + Reflux:将变量传递到数据存储

来自分类Dev

在具有es6标准的redux中使用mixins的最佳方法是什么?

来自分类Dev

如何使用带有angular-webpack-seed的ES6语法更新部分HTML

来自分类Dev

在带有Browserify的ES6中使用Bootstrap和jQuery包时出错

来自分类Dev

导入类并使用带有Babel Transpiler的es6模块调用静态方法

来自分类Dev

如何使用Mocha测试ES6模块(带有导入功能)?

来自分类Dev

在带有Foo.prototype的节点0.11中使用ES6箭头功能

来自分类Dev

如何使用带有Mongoose和ES6 Promise的Graphql中的find解析多个记录

来自分类Dev

如何使用节点读取反应文件(带有 jsx 的 ES6)以获取导出变量

来自分类Dev

在 TypeScript 中使用带有 ES6 Promises 的 Thenable 接口

来自分类Dev

带有es6承诺对象的sinon存根

来自分类Dev

带有ES6 Promise的jQuery ajax

来自分类Dev

带有ES6类的AngularJS 1.4,为空

来自分类Dev

带有ES6 Promise的递归树遍历

来自分类Dev

带有ES6类的AngularJS 1.4,为空

来自分类Dev

带有Web Pack的Angular 2以及ES6

Related 相关文章

  1. 1

    reflux connectFilter仍向所有侦听组件发送更新

  2. 2

    如何使用Reflux商店处理分层数据?

  3. 3

    最好在React和Reflux中使用一些大型或多个小型商店

  4. 4

    运行已编译的JSX时发生React Reflux错误,但使用Transformer时不发生

  5. 5

    最好在React和Reflux中使用一些大型或多个小型商店

  6. 6

    如何获取所有Reflux动作名称的列表以及所有这些动作的preEmit钩子?

  7. 7

    使用Reflux,需要2个商店还是1个资源商店?(自行车/ CurrentBike vs自行车)

  8. 8

    ReactJs-在ES6中使用Mixins

  9. 9

    如何用Jest测试reflux动作

  10. 10

    带有箭头功能es6的setTimeout ReactJS

  11. 11

    reactjs中带有es6映射的意外令牌

  12. 12

    如何使React.js组件侦听Reflux中的商店

  13. 13

    React Router导致Reflux存储中的AJAX调用失败

  14. 14

    React + Reflux:将变量传递到数据存储

  15. 15

    在具有es6标准的redux中使用mixins的最佳方法是什么?

  16. 16

    如何使用带有angular-webpack-seed的ES6语法更新部分HTML

  17. 17

    在带有Browserify的ES6中使用Bootstrap和jQuery包时出错

  18. 18

    导入类并使用带有Babel Transpiler的es6模块调用静态方法

  19. 19

    如何使用Mocha测试ES6模块(带有导入功能)?

  20. 20

    在带有Foo.prototype的节点0.11中使用ES6箭头功能

  21. 21

    如何使用带有Mongoose和ES6 Promise的Graphql中的find解析多个记录

  22. 22

    如何使用节点读取反应文件(带有 jsx 的 ES6)以获取导出变量

  23. 23

    在 TypeScript 中使用带有 ES6 Promises 的 Thenable 接口

  24. 24

    带有es6承诺对象的sinon存根

  25. 25

    带有ES6 Promise的jQuery ajax

  26. 26

    带有ES6类的AngularJS 1.4,为空

  27. 27

    带有ES6 Promise的递归树遍历

  28. 28

    带有ES6类的AngularJS 1.4,为空

  29. 29

    带有Web Pack的Angular 2以及ES6

热门标签

归档