特點
開發環境
環境搭建
(會在目錄中產生乙個檔案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 陰影大小。正數陰影擴大 陰影大小大於盒子大小 負數陰影...