@芥末的糖-----react解析字符串和获取节点方法
2018-12-01 本文已影响0人
芥末的糖
1.react解析字符串
var stringHTML = '<div>11</div>'
<div dangerouslySetInnerHTML = {{ __html:stringHTML}}></div>//11
2.React获取原生html节点方法
1.使用原生方法
document.getElementById()
2.ref
render() {
return(
<div>
<input ref={ref=>this.name=ref}></input>
//同
<input ref={ref=>{ref.focus();this.name = ref}}></input>
<button onClick = {this.handleSubmit.bind(this)}></button>
</div>
)
}
//函数用调用该节点
handleSubmit(){
console.log(this.name.value)
}
//或者在componetDidmount里做swiper或者better-scoll等操作
new Swiper()//.....
refs很少用,直接回调函数操作