react專案中的注意點

2022-05-24 14:15:13 字數 730 閱讀 7821

一、es6 的編譯方法

目前主流的瀏覽器還不支援es6。 現在一般採用webpack 和="text/babel">

對jsx  語法進行編譯,編譯成正常的js語言。type='text/babel'   這個是引用babel.js庫。

二、react 中有個proptypes  

在react中元件的屬性可以接受任意值,字串、物件、函式。有時,我們需要一種機制,驗證別人使用的元件時,提供的引數是否符合要求。

三、虛擬的dom

react 中最神奇的部分莫過於虛擬的dom,以及其高效的diff演算法。當部分節點發生變化的時候,會想在虛擬的dom上做出改變,然後在總體的反應到真是的dom節點中。

四、react  中的purrender

import purerender from 'pure-render-decorator';  優化重新整理,資料沒有變化就不重新整理。一般會與import from 'immutable'; 同時使用。

在'immutable'  中涉及到js的淺拷貝與深拷貝的問題。

參考**:

個人覺得immutable 有點類似js 中的深拷貝。

使用immutable.fromjs` 來建立物件。

五、redux 中的connect

antd在React專案中的使用

antd樣式的按需引入 自定義主題 遇到的問題 解決辦法 yarn add antdimport react,from react import from antd import antd dist antd.css 引入樣式 配置具體的修改規則 const require customize cr...

redux在react專案中的應用

今天想跟大家分享一下redux在react專案中的簡單使用 1 1.redux使用相關的安裝 2yarn add redux 3 yarn add react redux 連線react和redux 67 2.redux在專案中的基礎使用 89 1.在index.js入口檔案注入store 10 i...

專案中的注意事項

專案命名規則 方法名首字母大寫,引數名 變數名第乙個字母小寫,其它字母大寫。駝峰命名法 viewbag後面單詞大寫。千萬不要在迴圈訪問資料庫。資料能一次取出來就一次取出來。放到內在中處理。mvc中保持狀態可以用viewbag來儲存。問題1 ajax重複提交問題 js動態建立html時.有時候 和 不...