減速機を掘りましょう.

1080 ワード
React テキストリンク
昔から好奇心があった.通常、useReducerの代わりにuseStateを使用して状態変化を管理し、reducerがどのような関数であるかを管理します.
盲目的に書くよりも、その原理を理解したほうがいい.

💡 action


reduceを説明する前に、actionであることを知っておく必要があります.actionとは、状態が何らかの変化を必要とする場合に発生することを意味する.
すなわち、状態を変えるために必要な動作を意味する.

💡 減速機とは?


このような動作が発生すると、reducerは、actionオブジェクトparameterを受信する.
その後、2つの値を参照して、新しいステータスを作成し、戻ります.
さらに理解するために、reducerのコードを見てみましょう.
const count = {
	nowNum: 0
}

function reducer(state = count, action) {
  switch(action.type) {
    case INCREMENT:
      return {
        nowNum: state.nowNum + 1
      }
    default:
      return state;
  }
}
すなわち、stateおよびactionがそれぞれ受信され、stateにおいてactionの変化が引き起こされる.

💡 dispatch


もしそうなら、dispatch関数も知る必要があります.dispatchはactionを生成する関数であるからです.dispatch(action)のように、actionはparameterを介して呼び出すことができる.
白準-2636号チーズ
React復習#2