@芥末的糖-----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很少用,直接回调函数操作

详细链接
https://segmentfault.com/a/1190000008665915

上一篇下一篇

猜你喜欢

热点阅读