優化模組 優化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 初始...