React.js：页面在Button的onClick句柄上刷新吗？

Question

我内部有以下代码块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 ");
}

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

Answer 1

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

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

handleEntailmentRequest(e) {
    e.preventDefault();

    console.log("handle request ");
}

参考文献：

• MDN- Event.preventDefault()