react 使用小結

2022-03-30 18:36:57 字數 1226 閱讀 2989

1、動態獲取object資料,必須給資料乙個初始值,否則無法呼叫,物件裡面的資料,跑出錯誤;

2、請求的資料最好在 componentdidmount 中,有動態更新的資料,用state儲存,或者使用 mobx||redux 進行資料管理,其他的如 

componentdidupdate使用起來非常消耗效能,不建議在資料量大的時候使用;

3、mobx的es6寫法,ie瀏覽器不支援,如需相容ie最好採用es5的寫法(ie下不支援ant designbutton中套用link標籤);

4、babel 公升級之後,webpack打包提示babel轉移到babel-core ,在安裝了之後babel-core還是報錯,這是需要uninstall babel ,webpack裡面的配置不再支援省略loader

原寫法:

新寫法:

5、關於react route自從公升級到4.1.1版本之後,直接

會報錯'react-router' does not contain an export named 'browserhistory'.,新版的估計不支援直接這樣使用(可憐我3.0的react route都可以),所以現在我們使用react route必須要重新進行配置,看來網上教程說是在服務端進行設定,由於現在只是個人聯絡專案,所以教大家一下使用新的標籤

請確保安裝一下模組

"react":"^15.6.1","react-dom":"^15.6.1","react-router":"^4.1.1","react-router-dom":"^4.1.1"

import react,  from 'react';

import from 'react-router';

import from 'react-router-dom';

import from 'history';

// 登入介面

import login from '../login/index';

render()

}

路由包含在

browserrouter
switch下就可以直接使用了,給大家看一下效果

React 使用小結 二

為了實現登入狀態的儲存,我今天粗略的學習了下redux。大的問題沒遇到,小問題還是挺多的,做下記錄。redux其實可以看成mvc中的m,雖然他需要自己寫一些處理函式之類的,但仍然無法改變其只是作為狀態儲存容器的這個角色。使用還是很簡單的。但是有一點需要注意,在使用provider的時候,需要給pro...

React使用CSS的方法小結

不需要元件從外部引入css檔案,直接在元件中書寫。import react,from react const div1 class test extends component render export default test 注意事項 在正常的css中,比如background color,b...

React 基礎知識小結 (Redux 使用)

目錄結構 store 資料夾 index store 唯一入口 reducer 獲取 defaultstate 根據獲得的action.type 返回相應處理後的 state actiontypes 存 action 的常量 actioncreators anction 生成器 react redu...