react基礎(逆戰1913)

2021-10-03 04:55:46 字數 603 閱讀 5536

特點

開發環境

環境搭建

(會在目錄中產生乙個檔案package.json)

(會在目錄中有乙個node_modules目錄,在其中找到[email protected]@…目錄,在其中找到umd目錄,找到react-is.development.js拷貝到自己的js目錄下)

(node_modules目錄,在其中找到/@react-dom/umd下找到react-dom.developement.js拷貝到自己的js目錄下)

(node_modules目錄,在其中找到/babel-standlone@babel-standlone下找到babel.js拷貝到自己的js目錄下)

引用順序

注意

babel

es6轉為es5

解析jsx

原理

react.createelement(tag,,content)

react 插值表示式是乙個{}

jsx注意事項

逆戰班 react元件間的傳值

在react中元件件的傳值,可以是父子之間的傳值,也可以是非父子之間 兄弟之間 的傳值。父子間的傳值 1 父傳子 子元件如果是類元件,通過this.props獲取父元件傳遞過來的值 子元件如果是無狀態元件,則通過props獲取父元件傳遞過來的值。2 子傳父 主要是呼叫父元件傳過來的方法,把實參傳遞到...

逆戰之react中redux的原理及使用

react作為乙個熱門框架,當乙個react專案元件層級越來越深,頁面越來越多的時候,資料在各個元件層級和頁面之間傳遞的需求就會比較多,很多變數也需要做成可全域性管理的。在這個時候,redux和react redux的使用就很有必要了。它們能幫助我們很方便的進行專案全域性性的資料管理。下面,就寫一下...

逆戰班 盒子陰影

盒子陰影 box shadow 屬性用於向盒子新增乙個或多個陰影效果。offset x 陰影的水平偏移量。正數向右偏移,負數向左偏移。offset y 陰影的垂直偏移量。正數向下偏移,負數向上偏移。blur 陰影模糊度,不能取負數。spread 陰影大小。正數陰影擴大 陰影大小大於盒子大小 負數陰影...