Categories

Friends

COLORFUL

React Mixins

什么是React Mixins

Mixins 作用抽离出公用代码，供多react组件使用

tips

Mixins里也可以编写组件生命周期的方法，需要注意的是：Mixins里的方法并不会覆盖组件的生命周期方法，会在先于组件生命周期方法执行。
除了生命周期方法可以重复以外，其他的方法都不可以重复，否则会报错

var LogMixin = {
    componentWillMount: function () {
        console.log('Component will mount');
    },
    componentDidMount: function () {
        console.log('Component did mount');
    }
};

var AComponent = React.createClass({
    mixins: [LogMixin],
    render: function () {
        return (
            <div>AComponent</div>
        )
    }
});
Written on April 25, 2015