React：親から子コンポーネントのモーダルを閉じる

Question

親コンポーネントの削除関数を処理する子コンポーネントのモーダルがあります。子供はそれが最も論理的な場所であるように、モーダルの状態（オープンまたはクローズド）を保持しています。 removeItemコードが実行された後

親

removeItem() { 
    console.log('clicked'); 
    }; 

... 

<DeleteButton deleterecord={()=>this.removeItem(data.row._original._id)}/> 

子供

close() { 
    this.setState({ showModal: false }) 
}; 

open() { 
    this.setState({ showModal: true }) 
}; 


render() { 

return(
    <div> 
    <Button 
    bsStyle="primary" 
    bsSize="small" 
    onClick={this.open.bind(this)} 
    > 
    Delete 
    </Button> 

    <Modal 
    show={this.state.showModal} 
    onHide={this.close.bind(this)} 
    bsSize="small" 
    > 
    ... 

は、どのように私は親からモーダルを閉じる必要があります。

Answer 1

refを使用して子クローズ関数を呼び出すことはできますか？

親

​​3210

子供

... 

close() { 
    this.setState({ showModal: false }) 
};