「Redux-saga」action実行後にリダイレクトしたい

Question

実現したいこと

redux-sagaにて
yeild putでactionをdispatchした後にwindow.locationでリダイレクトしたい

わかっていないこと

下記の場合、endGameが実行完了後に、backPageが実行されますでしょうか？

const backPage = () =>  window.location.href = "https://www.login.com/";

yield put(endGame(hoge));
yield call(backPage)

また、この書き方はそもそも正しいでしょうか？

助けていただけますと幸いです。よろしくお願いいたします。

Answer 1

こんにちは

backPageが実行されますでしょうか？

については、実行されると思います。試してみるとよいでしょう。

この書き方はそもそも正しいでしょうか？

call の使い方として正しいかどうかでいえば、特に間違ってなさそうです。呼び出す関数に引数を渡す場合は、 call(backPage)　の backPage 後ろに渡せばよいです。

正しいかどうか？のもうひとつの観点として、saga の中で画面遷移してよいかどうか？あるいは、sagaの中で画面遷移するというやり方が、多くのReactエンジニアに好まれるかどうか？は微妙かもしれません。

手前味噌で恐縮ですが、自分は以前、

• Reactサンプル：redux-sagaとreact-router v4でWebAPIの結果に応じて画面遷移させる。

という記事を書き、sagaの中でAPIの結果に応じて、画面遷移させるコードを挙げましたが、過去の業務経験だと、このようなやり方で画面遷移させるのも選択肢のひとつとして使われる場合もありましたし、逆に、画面遷移させるコードは、Reactコンポーネントの中でやらないと、どの画面からどの画面へ切り替わるのかが分かりにくいということで、sagaの中での画面遷移は（記事のようなやり方でやろうと思えばできるのは分かっていても）やらない、という取り決めになっているところもありました。

以上、参考になれば幸いです。

Comments

[jonybee]

ご回答ありがとうございます！
記事読まさせていただきました。
記事やご回答いただいた内容が私にとってとても参考になりました。
助けていただき本当にありがとうございます！

[jun68ykt]

どういたしまして。
> とても参考になりました。
とのことでよかったです????