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

Anleb 發布于2019-08-19 18:24 / 1738人閱讀

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

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云服務器云服務器深度學習二手札深度學習簡單學習深度學習簡單

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

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

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

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

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

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

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

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

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

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

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

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

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