【React】typescript-fsaでactionにprefixを付ける

typescript-fsaでactionにprefixを付ける

typescript-fsaでアクション名にprefixを付けるには、下記のように書きます。

import actionCreatorFactory from 'typescript-fsa';

const actionCreator = actionCreatorFactory('sample');

export const sampleActions = {
  updateNum: actionCreator('updateNum'),
};

actionCreatorFactory()に、プレフィックスの文字列を引数として渡してやります。

こうすることで実際に発行されるアクション名は sample/updateNum のようになります。

複数のmoduleでstoreを分けている場合、このプレフィックスでアクション名の重複を気にせず書いていくことができます。

公式ドキュメントはこちら↓

GitHub - aikoven/typescript-fsa: Type-safe action creator utilities

Type-safe action creator utilities. Contribute to aikoven/typescript-fsa development by creating an account on GitHub.

github.com