変数を持つsetStateを返すes6

Question

私はここでreactjsで新しいです、私は私のUIのための反応ブートストラップを使用しています。さて、私はsetStateが変数の値であり、それをモーダルのonHideに渡すスクリプトに遭遇します。私はここで質問を投稿した理由を答えを見つけるために何を探すべきかわからない。上記stament closeBoardModalで

let closeBoardAddModal =() => this.setState({ boardAddModalShow: false }) 
<BoardAddModal show={this.state.boardAddModalShow} onHide={closeBoardAddModal} /> 

Answer 1

let closeBoardAddModal =() => this.setState({ boardAddModalShow: false }) 

値ではなく、functionです。これは、()に引数が含まれ、=>の後にあるものはすべて、関数の本体になるES6構文です。この構文は、あなたのためのバインディング操作です。

上記の構文は、あなたがonHide={closeBoardAddModal}を行うときに、それは内部的にセット状態boardAddModalShowへonHideイベントにfunction closeBoardAddModalを呼び出します

<BoardAddModal show={this.state.boardAddModalShow} onHide={closeBoardAddModal} /> 

以下のコードでそう

closeBoardAddModal() { 
    this.setState({ boardAddModalShow: false }); 
}.bind(this); 

に相当しますfalse。