react 學習筆記(1)

2021-08-22 04:38:07 字數 914 閱讀 7818

基礎語法

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監聽每乙個屬性,...