react的HOC高阶组件

import React, { Component } from 'react';

/// 什么是react高阶组件? 
/// ...              是参数是组件，返回值也是组件的函数

const foo = Cmp => props => {
    return (
        <div className="border">
            <Cmp {...props}/>
        </div>
    )
}

const TestCmp = (props) => {
    console.log(props);
    return <div className="border">TestCmp 测试组件 -- {props.name}</div>
}

const Foo = foo(TestCmp);

class HocPage extends Component {
    render() {
        return (
            <div>
                <h3>HocPage</h3>
                <hr/>
                <Foo name="aaa"/>
            </div>
        );
    }
}

export default HocPage;