参照示例写了一个react的高阶组件demo
内容如下
wrapWithUsername

import React from 'react';

export default (WrappedCompoennt) => {

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

        componentWillMount() {
            let username = "张三丰李逍遥";
            this.setState({
                username: username,
            });
        }

        dellClick(num) {
            if (num === 1) {
                console.log('张三丰');
            }else {
                console.log('李逍遥');
            }
        }

        render() {
            return (
                <div>
                    <WrappedCompoennt username={this.state.username} isClick={this.dellClick}/>
                </div>
            );
        }
    }

    return ArticleInfo;
};

welcome

import React from 'react';
import wrapWithUsername from './wrapWithUsername';

class Welcome extends React.Component {
    render() {
        return (
            <div>
                Welcome {this.props.username}
                <button onClick={this.props.isClick(1)}>张三丰</button>
            </div>
        );
    }
}

export default wrapWithUsername(Welcome);

goodbye

import React from 'react';
import wrapWithUsername from './wrapWithUsername';
class Goodbye extends React.Component {
    render() {
        return (
            <div>
                goodbye {this.props.username}
                <button onClick={this.props.isClick(2)}>李逍遥</button>
            </div>
        );
    }
}

export default wrapWithUsername(Goodbye);

我想在welcome和goodbye组件里调用高阶组件的事件，但是点击不了这个要怎么弄