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}时，它会在function closeBoardAddModal事件上调用onHide，该事件在内部将状态boardAddModalShow设置为false。

setState with variable react es6

1 个答案: