setState с переменной реакцией es6

Question

Я новичок здесь в reactjs, я использую реакцию-бутстрап для своего пользовательского интерфейса. Теперь я сталкиваюсь с скриптом, где в setState значение переменной и передать его на onHide модального. Я не уверен, что искать, чтобы найти ответ, поэтому я разместил здесь вопрос.

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

Answer 1

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

В приведенном выше stament closeBoardModal не является значением, но это function. Это синтаксис ES6, где () будет содержать аргументы и что-либо после => будет телом функции. Этот синтаксис также выполняет операцию привязки для вас.

выше синтаксис эквивалентен

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

Таким образом, в приведенном ниже коды

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

когда вы делаете onHide={closeBoardAddModal} он будет вызывать function closeBoardAddModal на onHide событии, которое внутренне устанавливает состояние boardAddModalShow в false.