mixin知识点

定义：可以存放许多组件共用的方法，以便代码复用；

用法：mixins以一个数组的形式配置在组件类中；

语法：mixins：[object(func)]；   func：返回的必须是一个对象；    object：一个包含许多组件共用的方法的集合；

执行顺序：

1）在组件类中，先执行mixins，在执行组件中的方法；

2）在mixins中，从左到右执行；

用途：

1）可用于存放专门监听事件并改变state状态的函数；

2）可用于存放xhr异步请求之类的函数；

注意事项：

1）mixins元素中，存在与组件函数一样的方法，依然可以照样执行；

2）组件类中不能存在多个render方法；

3）mixin中方法与组件方法所返回的对象中，若存在相同的k，则会报错；

实例：

var Fri=React.createClass({
  mixins:[onefunc()],
  getDefaultProps:function(){
    return{
      fris:"Dragon"
    }
  },
  render:function(){
    return <p>{this.props.fri},{this.props.fris}</p>
  }
});
var Fri1=React.createClass({
  mixins: [onefunc()],
  render:function(){
    return <p>{this.props.fri}</p>
  }
});
var Frid=React.createClass({
  render:function(){
     return(
       <div>
           <Fri></Fri>
           <Fri1></Fri1>
       </div>
     )
  }
});
function onefunc(){
  return{
    getDefaultProps:function(){
      return{
        fri:"dragon"
      }
    }
  }
};

（上述是jsx语法）