reactjs - react : How to I get a React component button to lose focus?

Question

当我单击分页按钮时，页面更新后焦点状态仍保留在浏览器中。如何让该组件模糊？

这是我调用组件的地方。

<Paginate onClick={this.handleButtonClick.bind(this)} text="Prev"/>

这是组件。

import React, { Component } from 'react';

class Paginate extends Component {
  render() {
    const {text} = this.props;

    return(
      <button onClick={this.props.onClick}>{text}</button>
    )
  }
}

export default Paginate;

Answer 1

在已接受的答案中添加 mrossman 的评论，对我有用的是 onClick={(e) => e.currentTarget.blur()}。