React：どのようにReactコンポーネントボタンを押してフォーカスを失うのですか？

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

リアクトref APIを使用する必要があります。マウントされたボタンがローカルにあるDOM要素への参照をローカルに送信したときに、クリックするとblur DOM APIが呼び出されます。例えば、ここに

チェック： http://jsfiddle.net/rtkhanas/af3eau1a/