Redux basic


  1. initialize a store(global state)
  2. setup reducers: reducer(state = initState, action) => { return new state}
  3. dispatch: call store
//reducer
const reducer = (state = [], action) {
    switch(action.type){
        case 'ADD':
            retrun [ [...state], action.payload]
    }
}

previous state + action => return new state
state: 資料
action: 定義執行的動作與新的資料
reducer: 透過 action.type 決定要做什麼事, action.payload 帶入新資料

let store = createStore(reducer)

a sotore hold the state

//action
const action = {
  type: 'ADD',
  payload: {
      id: 'user56',
      name: '王仁甫'
  }
}
//dispatch

store.dispatch(action)

binding subscribe store to component

force component re-render when props value changed

react-redux connect

connect








你可能感興趣的文章

掌握產品及團隊的現況

掌握產品及團隊的現況

關於 Shell Script

關於 Shell Script

C# Basic

C# Basic






留言討論