react綁定點擊事件無效

不傳參數時候 函數定義成箭頭函數直接使用

render () {
        return (
            <div>
                <h4>請發表你的看法</h4>
                <div className ="flex">
                    <Add addItemFun={this.addItemFun}/>
                    <Lists commentList={this.state.commentList} deleItemFun ={this.deleItemFun} />
                </div>
            </div> 
        )
    }

 

傳遞參數的時候，函數仍然是定義成箭頭函數

 render() {
        const {content,deleItemFun} = this.props;
        return (
            <div>
                <p>{content.userName}說:</p>
                <p>{content.comment}</p>
                <br/>
                <button onClick={()=>this.deleItem(content.id)}>刪除</button>
            </div>
        )
    }