首页 > 代码库 > 独立组件间共享Mixins
独立组件间共享Mixins
Mixins:用于组件间事件共享(公用的方法,比如弹窗,数值计算等组件函数)
要使用Mixins,首先要在项目文件夹根目录下安装Mixins包
react>npm install --save react-mixin@2 //指定安装版本
使用:
step-1 建立公共mixins.js文件,将公共函数放在里面
const MixinLog={ log(){ console.log(‘数据打印成功:123...‘) } }; export default MixinLog
step-2 安装react-mixin包(在ES6下使用,必须安装该插件)
step-3 在使用组件中引入react-mixin及mixins.js
import ReactMixin from ‘react-mixin‘;
import MixinLog from ‘./mixins‘
step-4 在组件中引入mixins.js中定义的方法
ReactMixin(BodyIndex.prototype, MixinLog);
step-5 在函数中写入方法
changeLogin(name){
MixinLog.log();
}
独立组件间共享Mixins
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。