国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

《深入react技術(shù)棧》學(xué)習(xí)筆記（一）初入React世界

verano / 1675人閱讀

摘要：前言以深入學(xué)習(xí)技術(shù)棧為線(xiàn)索，記錄下學(xué)習(xí)的重要知識(shí)內(nèi)容。要傳入時(shí)，必須使用屬性表達(dá)式。如果要使用自定義屬性，要使用前綴這與標(biāo)準(zhǔn)是一致的。

前言

以《深入學(xué)習(xí)react技術(shù)棧》為線(xiàn)索，記錄下學(xué)習(xí)React的重要知識(shí)內(nèi)容。本系列文章沒(méi)有涵蓋全部的react知識(shí)內(nèi)容，只是記錄下了學(xué)習(xí)之路上的重要知識(shí)點(diǎn)，一方面是自己的總結(jié)，同時(shí)拿出來(lái)和在學(xué)習(xí)react的人們一塊分享，共同進(jìn)步。

正文 一：react簡(jiǎn)介

網(wǎng)上能搜出來(lái)一大片，想要了解的自行谷歌，我們還是直奔學(xué)習(xí)的主題。

二：JSX語(yǔ)法

JSX基本語(yǔ)法總結(jié)：

1.XML基本語(yǔ)法

標(biāo)簽可任意嵌套

const List =()=>(


    
        <ul>
            <li></li>
            <li></li>
        </ul>
    


);

注意事項(xiàng)總結(jié)：
（1）定義標(biāo)簽時(shí)，只允許被一個(gè)標(biāo)簽包裹
（2）標(biāo)簽一定要閉合

2.元素類(lèi)型

兩種不同的元素：DOM元素和組件元素
注意事項(xiàng)（在JSX的對(duì)應(yīng)原則）總結(jié)：
（1）HTML標(biāo)簽首字母為小寫(xiě)，組件元素首字母為大寫(xiě)
（2）JSX在一個(gè)在一個(gè)組件的子元素位置使用注釋要用{}包裹起來(lái)

const App =()=>(

);

(3)DOCTYPE是沒(méi)有閉合的，我們無(wú)法渲染它。常見(jiàn)的做法是：構(gòu)造一個(gè)保存HTML的變量，將DOCTYPE與整個(gè)HTML標(biāo)簽渲染后的結(jié)果串聯(lián)起來(lái)

3.元素屬性
注意事項(xiàng)：
（1）在JSX中從DOM屬性到JSX中的屬性，有兩個(gè)例外的轉(zhuǎn)換:
class屬性改為className
for屬性改為htmlFor
（2）組件的屬性是完全自定義的屬性，也可以理解為實(shí)現(xiàn)組件所需要的參數(shù)

const Header = ()=>(

{childern}>

);
//調(diào)用：

Hello,world

(3)Boolean屬性：省略的默認(rèn)的JSX設(shè)為 true。要傳入false時(shí)，必須使用屬性表達(dá)式。這常用于表單元素

等價(jià)為
//如果想設(shè)置成false,必須:

(4)展開(kāi)屬性:如果你不知道要設(shè)置哪些 props,那么現(xiàn)在最好不要設(shè)置它。因?yàn)镽eact不能幫你你檢查屬性類(lèi)型(propTypes)。這樣即使組建的屬性類(lèi)型有錯(cuò)誤，也不能得到清晰地錯(cuò)誤提示。

（5）自定義HTML屬性：在JSX中傳入自定義屬性，React是不會(huì)渲染的。如果要使用HTML自定義屬性，要使用data-前綴（這與HTML標(biāo)準(zhǔn)是一致的）。

然而在自定義標(biāo)簽中，任意的屬性都是支持的:

4.javaScript屬性表達(dá)式
注意事項(xiàng)：
（1）屬性值要用表達(dá)式，使用{}替換即可

const person = ;

（2）子組件也可以用作表達(dá)式

const person =  : };

5.HTML轉(zhuǎn)義
注意事項(xiàng)：
（1）HTML會(huì)將所有要顯示到DOmain的字符串轉(zhuǎn)義，防止XSS
（2）React提供了dangerouslySetInnerHTML屬性避免React轉(zhuǎn)義字符

下一篇內(nèi)容我們講React組件，歡迎關(guān)注。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/81918.html

相關(guān)文章

  • 《深入react技術(shù)棧》學(xué)習(xí)筆記（二）初入React世界

    摘要：用于規(guī)范的類(lèi)型與必需的狀態(tài)。表示由組件更改的數(shù)據(jù)，通常是通過(guò)與用戶(hù)的交互來(lái)更改的。為了實(shí)現(xiàn)的修改，需要注冊(cè)事件處理程序到相應(yīng)的元素上。當(dāng)事件發(fā)生時(shí)，將更新后的值是從中檢索，并通知組件。通常情況下，該函數(shù)初始化狀態(tài)使用，，或其他數(shù)據(jù)存儲(chǔ)。 前言 上一篇文章中，我們講到了JSX的一些用法和注意事項(xiàng)，這次我們來(lái)講react中最基礎(chǔ)也是特別重要的內(nèi)容：組件。這篇文章包含組件的以下內(nèi)容：狀態(tài)、屬...

    MRZYD 評(píng)論0 收藏0

  • 《深入react技術(shù)棧》學(xué)習(xí)筆記（三）漫談React

    摘要：前言接下來(lái)讓我們進(jìn)入新的章節(jié)漫談。正文一事件系統(tǒng)的事件系統(tǒng)事件系統(tǒng)符合標(biāo)準(zhǔn)，不存在任何兼容性問(wèn)題，并且與原生的瀏覽器事件一樣有同樣的接口。所有的事件都自動(dòng)綁定到最外層。組織事件冒泡的行為只適用于合成系統(tǒng)中，且沒(méi)辦法阻止原生事件冒泡。 前言 接下來(lái)讓我們進(jìn)入新的章節(jié)：漫談React。本篇文章主要講React事件系統(tǒng)和表單操作。 正文 一：事件系統(tǒng) 1.react的事件系統(tǒng)react事件系...

    isLishude 評(píng)論0 收藏0

  • React學(xué)習(xí)之初入React世界

    摘要：語(yǔ)法將語(yǔ)法直接加入到代碼中，再通過(guò)翻譯器裝換到純后由瀏覽器執(zhí)行。事實(shí)上，并不需要花精力學(xué)習(xí)。可以說(shuō)，基本語(yǔ)法基本被囊括了，但也有少許不同。明確的數(shù)據(jù)流動(dòng)。這條原則讓組件之間的關(guān)系變得簡(jiǎn)單且可預(yù)測(cè)。使用獲取和顯示回調(diào)。 JSX語(yǔ)法 JSX將HTML語(yǔ)法直接加入到JavaScript代碼中，再通過(guò)翻譯器裝換到純JavaScript后由瀏覽器執(zhí)行。在實(shí)際開(kāi)發(fā)中，JSX在產(chǎn)品打包階段都已經(jīng)編...

    cjie 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<