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

Question

When I click on a pagination button, the focus state stays in the browser after the page updates. How to I tell that component to blur?

This is where I'm calling the component.

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

This is the component.

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

Adding to mrossman's comment in the accepted answer, what worked for me was onClick={(e) => e.currentTarget.blur()}.