带有变量的 setState 反应 es6

Question

我是 reactjs 的新手，我正在为我的 UI 使用 react-bootstrap。现在，我遇到一个脚本，其中 setState 是变量的值，并将其传递给模态的 onHide。我不确定要搜索什么才能找到答案，这就是我在这里发布问题的原因。

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

Answer 1

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

在上面的语句中 closeBoardModal 不是一个值，而是一个 function。这是 ES6 语法，其中 () 将包含参数，而 => 之后的任何内容都将是函数的主体。此语法也为您绑定操作。

以上语法等同于

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

所以在下面的代码中

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

当您执行 onHide={closeBoardAddModal} 时，它将在 onHide 事件上调用 function closeBoardAddModal，该事件在内部将状态 boardAddModalShow 设置为 false。

带有变量的 setState 反应 es6

setState with variable react es6

reactjs

react-bootstrap