React操作真实DOM


ref="searchInput"
type="text"
onFocus={this.handleFocus.bind(this)}
onBlur={this.handleBlur.bind(this)}/>

注意要使用原生js的DOM操作:

handleFocus(){
    ReactDOM.findDOMNode(this.refs.searchIcon).setAttribute("style","display:none");
}
handleBlur() {
    if(ReactDOM.findDOMNode(this.refs.searchInput).value == "")
    ReactDOM.findDOMNode(this.refs.searchIcon).setAttribute("style","display:block");
}

你可能感兴趣的:(React操作真实DOM)