javascript - React.js:在Button的 `onClick`句柄上刷新页面？

我的render()(这是一个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 ");
}

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

最佳答案

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

如果您不需要-需要防止这种情况:

handleEntailmentRequest(e) {
    e.preventDefault();

    console.log("handle request ");
}

引用文献:

MDN - Event.preventDefault()