children實(shí)現(xiàn)插槽 有多個(gè)的化,children就算數(shù)組 只有一個(gè)的話,就直接用children 如果只想讓別人傳一個(gè)的化,就給children添加屬性。 這樣傳多個(gè)的...
1. 組件化思想的應(yīng)用: 有了組件化的思想,我們?cè)谥蟮拈_(kāi)發(fā)中就要充分的利用它。 盡可能的將頁(yè)面拆分成一個(gè)個(gè)小的、可復(fù)用的組件。 這樣讓我們的代碼更加方便組織和管理,并且擴(kuò)展...
babel每遇到一個(gè)標(biāo)簽(div,span之類(lèi)的html標(biāo)簽,或者是組件名字 ),就會(huì)將里面它轉(zhuǎn)換成React.createElement()這個(gè)函數(shù)的調(diào)用。 React.c...
要獲取event對(duì)象的化如果不使用this,直接綁定函數(shù)就可以了。 綁定不綁定this和傳遞event沒(méi)有關(guān)系。event是默認(rèn)參數(shù)傳遞過(guò)來(lái)的。 掌握1:如果要使用this,...
jsx事件綁定-this的三種綁定方式 1.bind2.使用箭頭函數(shù)3.使用回調(diào)函數(shù) 第一種 默認(rèn)綁定,就算直接執(zhí)行函數(shù),在嚴(yán)格模式下是undefined的。默認(rèn)情況下,在e...
react中不可變數(shù)據(jù)值得是books和friend里面的數(shù)據(jù)是不能動(dòng)的,不能去直接改變它。要改變的化,就換一個(gè)數(shù)據(jù)賦值給books或者friend。不能直接去修改books...
? useLayoutEffect看起來(lái)和useEffect非常的相似,事實(shí)上他們也只有一點(diǎn)區(qū)別而已:? useEffect會(huì)在渲染的內(nèi)容更新到DOM上,把該顯示的都顯示到頁(yè)...
擔(dān)心,把整個(gè)input綁定給父組件,擔(dān)心父組件做一些不好的操作,隨意修改我的值之類(lèi)的。我們想給父組件一些權(quán)限,比如只能獲取子組件的值,只能獲取焦點(diǎn)之類(lèi)的,不能修改我的內(nèi)容 ?...
子組件是因?yàn)閙emo包裹,所以才當(dāng)porps發(fā)生改變的時(shí)候渲染,如果沒(méi)有memo包裹,無(wú)論props該不該變,父組件重新渲染,它都會(huì)重新渲染。我們想讓count發(fā)生改變的時(shí)候...
用來(lái)做性能優(yōu)化。 有兩種方法寫(xiě)點(diǎn)擊事件修改state第一種: setCount(count + 1)}>點(diǎn)我加1 第二種: 點(diǎn)我加1 這兩種寫(xiě)法一樣。 當(dāng)點(diǎn)擊按鈕,函...
如果state中有復(fù)雜的邏輯的話 不適用useState,使用useReducer 當(dāng)點(diǎn)擊加或者減的時(shí)候,本質(zhì)是派發(fā)事件,就來(lái)到reducer函數(shù),對(duì)事件進(jìn)行處理,返回一個(gè)新...
一種組件間通信方式, 常用于【祖組件】與【后代組件】間通信。a里面有b b有c,c有d。context適用于a和c,d的通信,a和b也可以用,但是用props更方便。 基本使...