react學(xué)習(xí)心得（1）

2024-04-27 15:10:49

字體：大中小

供稿：網(wǎng)友

ReactDOM.render() 實(shí)例化根組件，啟動(dòng)框架，注入標(biāo)記到原始的DOM元素中g(shù)etInitialState() 在生命周期里只執(zhí)行一次，并設(shè)置組件的初始狀態(tài)componentDidMount 是一個(gè)當(dāng)組件被渲染時(shí)被react自動(dòng)調(diào)用的方法PRops 是一種從父級傳遞數(shù)據(jù)到子級的方式寫一個(gè)react demo的大致步驟：1.把UI拆分成一個(gè)組件的層級對模型進(jìn)行拆分，明確你將要構(gòu)建一個(gè)組件，這些組件的層級關(guān)系怎樣就像：組件1 組件2 組件3組件3.1組件3.2 要把組件拆分到最后2.生成一個(gè)靜態(tài)的react頁面對每個(gè)組件進(jìn)行React.createClass({...})構(gòu)建，實(shí)現(xiàn)一個(gè)靜態(tài)的可呈現(xiàn)的頁面組件可以自頂向下或者自底向上構(gòu)建這些組件只有render()方法組件之間通過props傳遞數(shù)據(jù) React的單向數(shù)據(jù)流（單向綁定）使一切保持了模塊化和快速 3.確定最小的state表達(dá)集合進(jìn)行UI交互就需要state來動(dòng)態(tài)顯示，所以需要確定哪些集合需要使用state（比如，文本框、單擊按鈕之類的）有三個(gè)方法：它是從父級通過props傳遞過來的么？是的話，就不是state 它是隨時(shí)間變化的么？如果不是的話，那就不是state 它是能夠通過其他組件里的state或者props計(jì)算出來的么？如果是，那就不是state4.確定state應(yīng)該存放于什么地方明確react在組件層級中總是單向流動(dòng)數(shù)據(jù)的根據(jù)：確定哪些組件需要基于state渲染找到需要state渲染的所有組件所共有的一個(gè)組件，一般都是這些組件之上的組件要么是共同擁有，要么就是其他在層級里更高級的組件擁有這個(gè)state，反正要滿足state表達(dá)集合（文本輸入框、按鈕等）值的改變對整個(gè)頁面能產(chǎn)生交互如果找不到某個(gè)組件可以讓state表達(dá)集合有意義的擁有state，那就簡單的創(chuàng)建一個(gè)組件來控制住state，并把創(chuàng)建的這個(gè)組件添加到所有共同擁有這個(gè)state的組件更高的層級上5.添加反向數(shù)據(jù)流添加方法（頂層組件的方法，用于底層函數(shù)的回調(diào)函數(shù)），使state表達(dá)集合能夠正確的渲染UI 由于組件應(yīng)該只更新自己擁有的state，每當(dāng)state更新時(shí)回調(diào)函數(shù)就會(huì)被調(diào)用，然后再回調(diào)函數(shù)中便會(huì)啟用setState()，然后應(yīng)用將會(huì)被更新。

上一篇：前端跨域知識總結(jié)

下一篇：sqlmapconfig.xml