jsx特有的屬性

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

}

...

注意:這個屬性可能將來會被修改

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,408評論 0 2
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,659評論 19 139
  • react 基本概念解析 react 的組件聲明周期 react 高階組件,context, redux 等高級...
    南航閱讀 1,139評論 0 1
  • 3. JSX JSX是對JavaScript語言的一個擴展語法, 用于生產React“元素”,建議在描述UI的時候...
    pixels閱讀 2,979評論 0 24
  • 一晃還有五天就進入了2018年嘍 但,還好還好,還有五天 認真的 好好的享用 每一分每一秒 讓種植在??里的那一根...
    王其葉閱讀 74評論 0 1

友情鏈接更多精彩內容