React 使用小結 二

2021-08-19 18:50:51 字數 1032 閱讀 7349

為了實現登入狀態的儲存,我今天粗略的學習了下redux。大的問題沒遇到,小問題還是挺多的,做下記錄。

redux其實可以看成mvc中的m,雖然他需要自己寫一些處理函式之類的,但仍然無法改變其只是作為狀態儲存容器的這個角色。

使用還是很簡單的。但是有一點需要注意,在使用provider的時候,需要給provider繫結好store,否則會報錯。舉例如下:

import  from './datastore/reduxstore'

reactdom.render((

store=>

browserrouter>

provider>

), document.getelementbyid('root'));

除此之外,我個人建議在使用store之前,先給他初始化,否則未初始化就讀,會報undefined錯誤。**如下:

import  from 'redux';

export

});

redux具體函式的用法就不多說了,網上教程很多,寫的肯定比我寫的好多了……

之後獲取store的state什麼的都很簡單了~

用了redux便可以解決使用者未登入,通過url就可以訪問的問題了~

if(reduxstore.getstate().userauth === false)

/>

}

簡單到**的思路……

突然發現.gitignore 檔案寫錯了……用了這麼久git竟然寫錯檔案……

正確寫法如下:

#react

#djiango

django/.idea

gitrm-

r--cached

.

記得後面的 . 。然後再git add . ,git commit 就發現已經生效了~

ps:總感覺有什麼沒寫……

react 使用小結

1 動態獲取object資料,必須給資料乙個初始值,否則無法呼叫,物件裡面的資料,跑出錯誤 2 請求的資料最好在 componentdidmount 中,有動態更新的資料,用state儲存,或者使用 mobx redux 進行資料管理,其他的如 componentdidupdate使用起來非常消耗效...

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...