title: React: How to I get a React component button to lose focus?
body: <p>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?</p>
  
  <p>This is where I'm calling the component.</p>
  
  <pre><code>&lt;Paginate onClick={this.handleButtonClick.bind(this)} text="Prev"/&gt;
  </code></pre>
  
  <p>This is the component.</p>
  
  <pre><code>import React, { Component } from 'react';
  
  class Paginate extends Component {
    render() {
      const {text} = this.props;
  
      return(
        &lt;button onClick={this.props.onClick}&gt;{text}&lt;/button&gt;
      )
    }
  }
  
  export default Paginate;
  </code></pre>