タイプ・スクリプトでのユーザー・セレクタの使用

userSelectorは
reduceショップステータス値を取得するときに使用するhook関数.
connectを使わずにショップの状態値を取得できるので便利です.
ユーザー・セレクタ・タイプ・スクリプトへの適用
タイプスクリプトでuserSelectorを使用するのは少し違います.
JENELICでタイプを追加指定しました.ジェニーリックの最初の位置はReduserのタイプで、2番目の位置はショップのステータス値で、使用するステータスタイプを指定する必要があります.useSelector<defaultRootState,select>를 사용

// reducers/index.ts
export interface IReducerState {
	user: IUserReducerState;
	form: IFormReducerState;
}

// reducers/form.ts
export const initialState = {
  isGettingFormList: false,
  formList: [],
  formTotalNumber: 0,
  getFormListErrorReason: "",
  isGettingFormGroup: false,
  formGroup: [],
  ...
};

export type IFormReducerState = typeof initialState;
  
// useSelector 사용 예
const {formList, formTotalNumber} = useSelector<IReducerState, IFormReducerState>(state => state.form)

defaultRootStateはIRReverState、selectはIformReducerStateを指定し、複数のステータス値を構造分解割当てにインポートして使用します.
構造分解を割り当てる必要がない場合は、次のように設定できます.

const formList - useSelector<IReducerState,any[]>(state.form.formList)
const formTotalNumber - useSelector<IReducerState,number>(state.form.formTotalNumber)

2つ目の方法では、タイプを指定する必要があるため、コードが長くなります.したがって、構造分解配分を使用することが望ましい.