react框架之mixin扩展

本期本来是写react的生命周期来着,下午和一个小伙伴探讨一个技术问题,说是多应用下别人的一些扩展有利于项目速度和效率的提高,所以本期带小伙伴们来认识一个react项目的mixin扩展,这个扩展主要解决的问题是组件间共享方法,也就是通常所说的定义共享的方法,它的应用场景可以是log日志记录上

怎么样安装mixin扩展

用cnpm或者是npm都可以安装,@2表示安装2版本,--save表示把mixin扩展名写在package.json文件中

cnpm install --save react-mixin@2

npm install --save react-mixin@2

怎么样在组件中调用mixin扩展

我们来使用如下方式进行调有

import ReactMixin from 'react-mixin'

怎么样写一个共享的方法,代码如下图所示

怎么样调用一个共享的方法,代码如下

最后小伙伴们多看看别人写的代码或者扩展,从而来提升我们对于编程更深层次的理解,当你静下心来思考的时候,你会有不同的体会哟~

在后期的章节中我会给大家继续完善对react框架的应用操作,如果本篇对大家有用就点个赞或者转发下呗~

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180111G0YCCJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券