React 學習筆記

###React-JSX-Style

JSX

語法: JSX(JS XML)是facebook為React框架開發的一個語法糖

要在瀏覽器運行,需要引入解析JS庫
其次通過type指定

Style

使用內部樣式,由于class 和 for是關鍵字,要用className ,for 屬性需要寫成 htmlFor
return

hello {this.props.name}

使用內聯樣式,需要用樣式對象表示,要用雙大括號括住樣式({}是表示解析JS),并使用駝峰法
return

hello {this.props.name}

####this.state
getInitialState 方法用于定義初始狀態,也就是一個對象,這個對象可以通過 this.state 屬性讀取。愛掏網 - it200.com

this.setState 方法就修改狀態值,每次修改以后,自動調用 this.render 方法,再次渲染組件。愛掏網 - it200.com

this.state 與this.props的區別:
this.props 表示那些一旦定義,就不再改變的特性,而 this.state 是會隨著用戶互動而產生變化的特性。愛掏網 - it200.com

####React Components 的生命周期
組件的生命周期分成三個狀態:
[ul]
[li]Mounting:已插入真實 DOM[/li]
[li]Updating:正在被重新渲染[/li]
[li]Unmounting:已移出真實 DOM[/li]
[/ul]

React 為每個狀態都提供了兩種處理函數,will 函數在進入狀態之前調用,did 函數在進入狀態之后調用,三種狀態共計五種處理函數。愛掏網 - it200.com

此外,React 還提供兩種特殊狀態的處理函數。愛掏網 - it200.com
[ul]
[li]componentWillReceiveProps(object nextProps):已加載組件收到新的參數時調用[/li]
[li]shouldComponentUpdate(object nextProps, object nextState):組件判斷是否重新渲染時調用[/li]
[/ul]

聲明:所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
發表評論
更多 網友評論0 條評論)
暫無評論

返回頂部

主站蜘蛛池模板: 久久精品国产99国产精品澳门| 亚洲av无码一区二区三区在线播放 | 精品无码一区二区三区爱欲| 国产资源在线看| 久久久久久亚洲av成人无码国产 | 顶级欧美妇高清xxxxx| 天堂俺去俺来也WWW色官网| 久久精品亚洲一区二区| 激情在线小说图片视频区| 国产偷久久久精品专区| 91视频免费网址| 成人片黄网站色大片免费观看app| 亚洲国产成人高清在线观看| 精品久久8X国产免费观看| 无码国内精品人妻少妇蜜桃视频 | 亚洲www在线观看| 男人的肌肌捅女人的肌肌 | 一级特级黄色片| 日韩精品卡二卡3卡四卡| 亚洲精品蜜桃久久久久久| 色综合a怡红院怡红院首页| 国产精品久久毛片| a级毛片高清免费视频在线播放| 日本免费一区二区三区最新| 亚洲国产成人精品无码区在线观看| 精品一区二区三区免费视频| 国产亚洲综合一区二区三区| 天堂资源最新版在线官网| 天天摸天天摸天天躁| 中文字幕日本最新乱码视频| 最新69成人精品毛片| 亚洲欧美日韩国产精品一区二区 | 特级毛片全部免费播放a一级| 噜噜噜噜私人影院| 黑人大战亚洲人精品一区| 成人免费无遮挡无码黄漫视频| 九九久久精品国产AV片国产| 欧美日韩国产精品| 免费一级毛片一级毛片aa| 老司机午夜福利视频| 国产天堂亚洲精品|