react/reduxのaction内でstoreとかhistory利用する

コンポーネント内はuseSelectorとかuseHistory利用すれば簡単に使えるけども
action内で使いたい場合はどうすればいいのだろうと思い、
とりあえず動きましたよってだけですが

store in action

action.ts

import store from "@/store";
export const action = () => {
    console.log(store.getState());
};

history in action

history.ts

import { createBrowserHistory, History } from "history";
const history: History = createBrowserHistory();
export default history;

action.ts

import history from "@/history";
export const action = (post: IPost) => async (dispatch: Dispatch<Action>) => {
    history.push(`/posts/${post.id}`);
};

なんとなくでreact使ってるので
こういう使い方が正しいのかは何ともだけど

javascript, web

Posted by admin