jsx特有的属性

2016-12-23  本文已影响0人  DontPushMeForev

* 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>

}

...

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

上一篇下一篇

猜你喜欢

热点阅读