用react一年多了.一直是在別人的影子下寫的代碼,他們也確實都是大神級的人物,不過,小菜鳥也有小菜鳥的思想~這不,今天就在重溫一遍react!記一些零碎的知識點~不知道對你們有沒有用,不過,對於我,絕對有用!所有的這些均參考於http://www.ruanyifeng.com/blog/2015/03/react.html

react官方文檔 https://facebook.github.io/react/docs/events.html#supported-events

1 var names = ["fr","de"]

ReactDOM.render(

(1)

你好,學長

document.getElementById("h1")

(2)

document.getElementById("h1")

)

ReactDom.render是React的基本語法,用處:將模板轉為HTML,並插入指定的DOM節點

react的特有語法:JSX 上例允許HTML和JavaScript混寫

JSX的基本語法規則:1 遇到HTML標籤用<>開頭,會用HTML規則解析,遇到代碼塊用{}開頭,會以javaScript解析

組件:React允許將代碼封裝成組件,然後向插入普通HTML標籤一樣,在網頁中插入這個組件,React.createClass用於生成一個組件類,而且組件類只能一個頂層標籤

這個就是錯的,因為他有兩個標籤 ,應該在最外邊包含一個

標籤

組件的用法於HTML標籤用法一致,組件的屬性可以用this.props對象獲取,有一點需要注意:他的class和for屬性需要變成className和htmlFor,因為class和for是JavaScript的保留字

this.props的屬性與組件的屬性一一對應,但this.props.children代表組件的所有子節點,this.props.children有三種可能性,若沒子節點,則表示undefind,有一個子節點則表示object,若為多個子節點,則為array,react提供了一個工具方法來處理this.props.children, 就是React.Children.map來遍歷子節點

PropTypes屬性:驗證組件實例的屬性是否滿足要求

getDefaultProps方法:用來設置屬性的默認值

獲取真實的DOM節點:利用this.refs.[refName]

this.state和this.props都是描述組件的特性,區別在於:this.state指的是可以改變的特性,而this.props指的是一旦定義就不在改變的特性

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 達人科技 的精彩文章:

※6.類似Object監視器方法的Condition介面
※RedHat7上安裝MySQL5.7.16
※hadoop源碼解析之hdfs內部結構分析
※對 Servlet 的改進——Struts2 引入
※03 編譯安裝apache的簡易配置

TAG:達人科技 |

※從 Spring Cloud 看一個微服務框架的「 五臟六腑 」
※女星現實中多瘦？頭圍比腰寬，Lisa的腰怎麼擠進五臟六腑的？
※DDS課堂：五臟六腑及其相關關係（配八卦五行圖）
※38條了解五臟六腑！
※數理中醫5：五臟六腑篇
※五臟六腑和對應經脈（2）
※最奇特的G36自動步槍，全身透明，「五臟六腑」一清二楚
※五臟六腑皆令人咳之五臟咳（五）
※五臟六腑相生相剋和應用（1）
※提肛運動 = 按摩五臟六腑（內附具體方法教學）
※中醫必會：五臟與六腑的關係（內含考題）
※揉耳10分鐘，教你簡單易學的養生小妙招，五臟六腑血氣充盈
※酸鹼平DDS替您排出你五臟六腑深層濁氣、濁水、濁物！
※五臟六腑的功能，五臟六腑各司其職
※世界上最黑的的雞：每隻售價200美元，真正的黑到了五臟六腑！
※中醫中的五臟六腑指什麼?五臟六腑有什麼功效作用。
※刮這裡，不到3天，五臟六腑的毒素全排光！
※今天教大家一個繞口令：中醫的五臟六腑不是西醫的五臟六腑
※經典養生功法六字訣：「噓、呵、呼、呬、吹、嘻」（調理五臟六腑）
※養生皇帝的10個技法4個禁忌，用五官四肢反養五臟六腑，值得借鑒