Redux使用例項

2021-09-26 23:30:32 字數 471 閱讀 8950

redux 流程

首先是dispatch發起乙個action。

然後reducer函式會收到這個action, 根據這個action對store中的狀態進行修改。

狀態修改以後會被處理容器捕捉到。

從而對相關的介面進行更新。

先看乙個例子 

+-

另乙個例項

import  from 'redux'

const store = createstore(counter);

store.dispatch();

const counter =( state =0,action)=>}

store.subscribe(()=>)

redux 最佳實踐 

redux基本使用

actiontype.js 隨著專案大型化,所以要抽取出來乙個actiontype.js檔案來記錄各種actiontype常量 export const set currentindex set currentindex store.js import from redux import rootr...

簡單使用redux

import from redux 用於建立倉庫 import from redux const initialstate const add to cart add to cart const cartreducer function state initialstate,action break...

redux基礎使用

基本概念 全域性狀態管理工具 redux 和 vuex 有何區別 redux 可以用在react vue angular中 vue with redux第三方包 npm上有使用方法 store reducer actionvuex 只能用在vue中 state getters mutations a...