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

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

aikoven/typescript-fsa
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をフォロー
ハトらぼ

コメント