【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を分けている場合、このプレフィックスでアクション名の重複を気にせず書いていくことができます。

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