<del id="yqg00"></del>

js手札--redux簡單學習（二）

Anleb 發(fā)布于2019-08-19 18:24 / 1730人閱讀

摘要：簡單學習二簡單學習，合并多個如有下面兩個，，換成，則為則調用時可以寫成這樣

redux簡單學習（二）

redux簡單學習[ store, action, reducer ]

1. combineReducers

combineReducers，合并多個reducer

如有下面兩個reducer，todoApp，textApp

// reducers/todoApp.js

export default function todoApp(state, action) {
  switch (action.type) {
    case "add":
      return Object.assign({}, state, {
          result : action.a + action.b
      })
    case "sub":
      return Object.assign({}, state, {
          result : action.a - action.b
      })
    default:
      return state
  }
}

// reducers/textApp.js

export default function todoApp(state, action) {
  switch (action.type) {
    case "normal":
      return Object.assign({}, state, {
          result : action.text
      })
    case "camel":
      return Object.assign({}, state, {
          result : action.text.replace(/-[^-]{1}/g, (m) => m[1].toUpperCase())
      })
    default:
      return state
  }
}

換成combineReducers，則為

// reducers/index.js

import { combineReducers } from "redux";
import textApp from "./textApp";
import todoApp from "./todoApp";

export default combineReducers({
  textApp,
  todoApp
});

則調用時可以寫成這樣

import reducer from "./reducers"

let store = createStore(reducer);

GPU云服務器云服務器深度學習二手札深度學習簡單學習深度學習簡單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79568.html

js手札--redux簡單學習[ store, action, reducer ]

摘要：簡單學習前言是一套流的處理機制?？梢哉f是真正的管理者，其他的，如是命令，是執(zhí)行命令的士兵。打印初始狀態(tài)每次更新時，打印日志注意返回一個函數(shù)用來注銷監(jiān)聽器發(fā)起一系列停止監(jiān)聽更新簡單學習二 Redux簡單學習 - [ store, action, reducer ] 前言 redux是一套state流的處理機制。主要有三要素： store 【長官】管理狀態(tài)，...

wyk1184 2019-08-19 18:23 評論0 收藏0
js手札--關于事件冒泡與事件捕獲

摘要：一冒泡和捕獲事件執(zhí)行子元素在執(zhí)行某個事件的前后，會引起上層元素觸發(fā)相同事件。三補充關于和這兩個其實和捕獲與冒泡一點關系都沒有，是用來阻止事件的默認行為的。一、冒泡和捕獲事件執(zhí)行：子元素在執(zhí)行某個事件的前后，會引起上層元素觸發(fā)相同事件。例：我點擊了div，那么不光div會執(zhí)行click事件，上層的body和html等等也會執(zhí)行click。冒泡與捕獲解決了：事件執(zhí)行順序由誰開始，由誰...

lentoo 2019-08-19 18:35 評論0 收藏0
前端臨床手札——單元測試

摘要：感覺不能這樣下去就學寫一下單元測試，等他更新代碼我都跑一遍確認一下，這樣工作安心多了。具體執(zhí)行的測試用例實現(xiàn)代碼。測試工具斷言庫測試驅動開發(fā)及測試框架入門學習最近博主工作是和另一枚后端合作，但是經常發(fā)現(xiàn)他寫的接口出錯，苦逼連連。感覺不能這樣下去就學寫一下單元測試，等他更新代碼我都跑一遍確認一下，這樣工作安心多了。經過博主一番查找，貌似被推薦比較多的有mocha和chai，下面記錄簡...

kid143 2019-08-19 18:17 評論0 收藏0
前端臨床手札——單元測試

摘要：感覺不能這樣下去就學寫一下單元測試，等他更新代碼我都跑一遍確認一下，這樣工作安心多了。具體執(zhí)行的測試用例實現(xiàn)代碼。測試工具斷言庫測試驅動開發(fā)及測試框架入門學習最近博主工作是和另一枚后端合作，但是經常發(fā)現(xiàn)他寫的接口出錯，苦逼連連。感覺不能這樣下去就學寫一下單元測試，等他更新代碼我都跑一遍確認一下，這樣工作安心多了。經過博主一番查找，貌似被推薦比較多的有mocha和chai，下面記錄簡...

godlong_X 2019-05-29 16:57 評論0 收藏0
js手札--bind

摘要：三解決方法使用匿名函數(shù)其實看看上面的丟失原因之后，就知道了其實的使用權被對象奪去了，而我們需要讓奪回的使用權。結合第一種解決方法，大膽的猜測，的偽實現(xiàn)可以是，相當于返回一個匿名函數(shù)。 bind { 解決問題：callback() { this ? //誰在用 }} function callback() { console.log(this); } function foo(c...

RancherLabs 2019-08-19 18:19 評論0 收藏0