React操作真实DOM

<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");
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容