React操作真实DOM

2016-09-07  本文已影响0人  52娃

<span className="search2-icon" ref="searchIcon"></span>
<input className="search2-input"
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");
}
上一篇 下一篇

猜你喜欢

热点阅读