【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.

未経験、異業種からIT業界に転身。フロントエンジニア。主にJavascript(React.js)をつかったWEBアプリ開発にたずさわる。
お問い合わせ、ご相談など → genpsp10@gmail.com

psp7をフォロー
プログラミング
スポンサーリンク
psp7をフォロー
ハトらぼ

コメント