javascript - Reactjs:页面刷新按钮的 `onClick` 句柄？

Question

我的 render() 中有以下 block (这是一个 Bootstrap 按钮:https://react-bootstrap.github.io/components.html#buttons-options):

<Button type="simpleQuery" onClick={this.handleEntailmentRequest.bind(this)}>
   Query
</Button>

和以下函数:

handleEntailmentRequest() {
    console.log("handle request ");
}

每当我单击该按钮时，我都会看到“处理请求”问题出现在控制台日志中，但突然消失了。我的理解是某些原因导致页面刷新。我哪里出错了？

Answer 1

默认按钮操作是提交表单。

如果你不需要它——你需要阻止它:

handleEntailmentRequest(e) {
    e.preventDefault();

    console.log("handle request ");
}

引用资料:

• MDN - Event.preventDefault()