ユーザー・セレクタのパージ

プロセスに従ってuserSelectorの使用方法を簡単にまとめましょう.
最初はどのように使うか分からなかったので、ずっとやっていましたが、この文章を読んで理解してほしいです.
まず、プロセスは以下の通りです.
まずはREDUCER定義→INDEX定義→COMPONENTで使用します.
以下に示すように、PRODUCTというReduserを作成したとします.

const initialState = {
  products: [],
  isLoading: false,
  isEditing: false,
  productBeingEdited: null
}

export default function (state = initialState, action) {
  switch (action.type) {
    case PRODUCTS_LOADING:
      return {
        ...state,
        isLoading: true
      }
    case GET_PRODUCTS:
      return {
        ...state,
        products: action.payload,
        isLoading: false
      }
case EDIT_PRODUCT:
        return {
          ...state,
          isEditing: true,
          isLoading: false,
          productBeingEdited: action.payload
        }
...
}
}

このようにproduct reduceが作成されました
後ろのreduceフォルダにはindexが含まれています.jsファイルを作成し、rootreducerを宣言し、コードを見てみましょう.
次はindexです.jsファイル.

import {combineReducers} from 'redux'
import productReducer from './productReducer'

const rootReducer = combineReducer({
	product: productReducer
})

export default rootReducer;

このように行い、最後にcomponentで使用します.

const productBeingEdited = useSelector(state => state.product.productBeingEdited)

上記のように使用する場合は、state stateです.「製品へ」は「Product Reducer」、「Product BegingEdited」は「Product Reducer」の「Product BegingEdited」を指す.EDIT PRODUCTのProductBeingEdited.
このようにProductBeingEditedを宣言すると、選択したReducerのステータスをリアルタイムで確認できます.
今回の使い方はここまでにしましょう