美文网首页
jsx特有的属性

jsx特有的属性

作者: DontPushMeForev | 来源:发表于2016-12-23 14:06 被阅读0次

    * key

    * ref

    * dangerouslySetInnerHTML


    键(key)

    key 是一个可选唯一标识符,他可以帮助react更加智能的决定是否应该重用一个组件,提升渲染性能

    引用(ref)

    ref允许父组件在render方法之外保持对子组件的引用。

    ...

    render(){

       return <div>

           <input ref="myInput" />

    <div>

    }

    ...

    可以通过this.refs.myInput获取这个引用,(获取到的是DOM的一个描述对象)。可以使用this.refs.getDOMNode()访问真是的DOM

    设置原始的HTML

    dangerouslySetInnerHTML--这个属性需要把字符串设置到一个逐渐为html__的对象里如果可以避免使用的话,就不要使用它

    ...

    render(){

    let htmlString = {

    __html:"<span> an html String </span>

    };

    return <div dangerslySetINnertml={htmlString}> </div>

    }

    ...

    注意:这个属性可能将来会被修改

    相关文章

      网友评论

          本文标题:jsx特有的属性

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