基礎語法
1,jsx中巢狀表示式:
2,命名使用駝峰法
3,有3種寫法
1.
const element = (
)2.const element = react.createelement(
『h1』,
,'hello world',)3.
const element =
}reactdom.render(element,document.getelementbyid('root');
元件的生命週期
1.constructor ()
react元件的建構函式,在裝配之前被呼叫。
注意:在constructor中要先記得使用super(props).否則,this.props在建構函式中間未定義。
2.componentdidmount()
在元件載入後立即呼叫並值呼叫一次。(當初始化玩dom節點後立即呼叫.)
一般對資料進行重新渲染修改資料可在此函式中進行。在這個方法中呼叫setstate()將會是dom重新渲染,他將在瀏覽器重新整理螢幕之前發生。即相當render()被呼叫兩次。
3.setstate()
通過此函式動態修改state物件,並對該元件重新進行渲染。
注意:
例項屬性
1.props
this.props為該元件呼叫時定義的屬性。他是由呼叫元件時傳入進來的任意的輸入值,並返回乙個需要在頁面上展示的react元素。
類元件應始終使用props呼叫基礎建構函式。
2.state
元件中可改變多次的狀態資料。是乙個物件形式。
注意:不要直接使用this.state而是用setstate()替換之前的改變,將this.state當做是不可變的。
React學習筆記 1
使用了webpack reactjs ant design 一開始嘗試使用了material ui,比較坑,沒有分頁,要自己拼裝。後來看react ui的日誌發現了正在開發中的ant design就決定先用這個吧。除了ui的css需要自己做調優,其他元件比較全。檔案package.json depe...
React學習筆記1
這個系列是我學習react過程的寫照,說白了就是自己對自己學習過程的總結,不喜勿噴啊,當然了如果對你的學習有幫助,那是極好的!語雀 以下的學習筆記就是針對這個教程講的,所以大家可以對照著看。前端開發的演變,沒什麼好說的,就像是學歷史,搞不定就死記硬背咯 遇到的問題及解決辦法如下 1.安裝node.j...
React學習筆記
專案需要使用react進行開發,故從vue與react的異同切入學習,記錄一下學習筆記 react整體的思路就是函式式,所以推崇純元件,資料不可變,單向資料流 單向繫結 當然需要雙向的地方也可以做到,比如結合redux form vue是響應式的思想,認為資料可變,通過watcher監聽每乙個屬性,...