//一個(gè)提示組件
class Notice extends React.Component {
    constructor(props) {
        super(props);
        this.onClick = this.onClick.bind(this);
        this.onRemove = this.onRemove.bind(this);
    }

//每渲染一個(gè)組件，3秒之后執(zhí)行onRemove刪掉。但連續(xù)渲染多個(gè)組件，第一個(gè)渲染的組件不會(huì)被刪掉。    
    componentDidMount(){
        const props = this.props;
        this.timer = setTimeout(()=>{
            this.props.onRemove(props.item.id)
        }, 3000);
    }

    componentWillUnmount(){
        clearTimeout(this.timer);
    }

    onClick(){
        const props = this.props;
        props.onClick(props.item.id);
    }

    onRemove(e){
        const props = this.props;
        e.stopPropagation();
        props.onRemove(props.item.id)
    }

    render(){
        const item = this.props.item;
        return 
            <div  onClick={()=>this.onClick()} >
                提示內(nèi)容
                <Icon onClick={this.onRemove}/>
            </div>
    }

}

我腦洞大開的加了(),似乎就解決失效的問題，但是會(huì)報(bào)錯(cuò) setTimeout(...) is not a function

componentDidMount(){
    const props = this.props;
    this.timer = setTimeout(()=>{
        this.props.onRemove(props.item.id)
    }, 3000)();
}