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/