React 高阶组件（Mixin代替方法）

在React.js 16之后 es6 我们一般使用高阶组件来试下混入，也就是说我们在组件引入前做一些自己的操作。

高阶组件

高阶组件就是一个没有副作用的纯函数。

我们把上一节的函数统统改成react组件。

1. 最普通的组件哦。

welcome函数转为react组件。

 

import React, {Component} from 'react'

class Welcome extends Component {
    constructor(props) {
        super(props);
        this.state = {
            username: ''
        }
    }

    componentWillMount() {
        let username = localStorage.getItem('username');
        this.setState({
            username: username
        })
    }

    render() {
        return (
            <div>welcome {this.state.username}</div>
        )
    }
}

export default Welcome;

goodbey函数转为react组件。

 

import React, {Component} from 'react'

class Goodbye extends Component {
    construct