美文网首页
@芥末的糖-----react解析字符串和获取节点方法

@芥末的糖-----react解析字符串和获取节点方法

作者: 芥末的糖 | 来源:发表于2018-12-01 09:40 被阅读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

    相关文章

      网友评论

          本文标题:@芥末的糖-----react解析字符串和获取节点方法

          本文链接:https://www.haomeiwen.com/subject/wbslcqtx.html