react reduxd的基本使用

2021-10-04 04:49:34 字數 1212 閱讀 6238

優化模組 優化redux的使用過程

npm install redux react-redux
通過react-redux 提供的provider提供器 將全域性狀態物件掛載到根元素的上下文上

import provider from 'react-redux'

import store from './store/store.js'

......

在元件中使用全域性狀態值

通過react-redux 提供的connect 從跟元件的上下文上獲取store物件,

通過高階元件將獲得到的store傳給目標元件的props

import  from 'react-redux'

class son1 ... {}

connect(state=>state)(son1)

元件中修改全域性狀態值 不需要寫元件監聽

元件 -> actioncreator -> redcuer ->元件(監聽更新)

元件的裡的監聽不用寫了

actioncreator 預設做兩個事情1.建立action 2.通過dispath 傳送action

actioncreator 使用外掛程式之後只要 建立action

在元件裡傳送

react-redux 中非同步action

解決方式通過非同步中介軟體 redux-thunk redux-sage redux-promise …

安裝非同步外掛程式 npm install redux-thunk

在store.js 引入並使用

import thunk from 'redux-thunk' //解決非同步的外掛程式

import reducer from './reducer'

除了actioncreatore 需要修改之外 其他的都不用動

a. 如果是同步的方法也不需要動 返回action

b. 如果action裡有非同步 返回乙個函式 函式能接受dispath 在函式內部 做網路請求

成功之後通過dispath手動的傳送

return action

},dellist()

dispatch(action)

},1000)

}}

iOS MBProgressHUD的基本使用

方式1.直接在view上show hud mbprogresshud showhudaddedto self.view animated yes retain hud.delegate self 常用的設定 小矩形的背景色 hud.color uicolor clearcolor 這兒表示無背景 顯...

scanf gets getchar的基本使用

scanf 是在c語言中最常用的輸入函式,它需要我們嚴格按照要求進行輸入,除非你用對scanf 使用了正規表示式 對於scanf 當它遇到空格 回車 或者tab鍵時,都會自動停止輸入,剩下的內容逗留在緩衝區中,所以如果需要輸入字串,不推薦使用它。關於正規表示式 是個集合的標誌,特指讀入此集合所限定的...

PHP Elasticsearch的基本使用方法

一 連線elasticsearch 1 elasticsearch開啟之後,可以直接通過檢視基本資訊。2 將composer vendor下的檔案複製到ot thinkphp library vendor elasticsearch目錄下。3 連線elasticsearch,public es 初始...