reactx同期呼び出し

Question

fluxxパターンとしてreduxを使用したReactアプリケーションの構築。

APIを使用するには、トークンの交換要求が発生する必要があります。これは、Reactアプリケーションの起動時に1回だけ発生します。トークン交換から返されたaccess_tokenはredux状態で格納され、他のapi呼び出しによってアクセス可能である必要があります。

私が試みた1つのアプローチは、App（親）コンポーネントでreduxアクションを呼び出すことです。そして、他のすべての呼び出しは子コンポーネント内にあります。これまでのところ、これはReactコンポーネントのライフサイクルイベントとして適切なアプローチではなく、呼び出されるアクションとレデューサーは同期​​フローに従わないので、reduxアクションは非同期的に呼ばれます。

最初の還元反応の結果に依存する他の還元反応の前に還元反応が呼び出されるようにするにはどうすればよいですか？どのミドルウェアが同期的なアプローチを実現するのに最適なのでしょうか？

Answer 1

他のアクションの前に実行するプロセスが必要な場合は、の前に実行してストアを作成し、ストア作成時にメインのリデューサ関数に結果を渡すことができます。

次に、このプロセスの約束またはコールバックが完了した後に、単にアプリケーションをレンダリングします。

それ以外の場合は、ストアの作成後、アプリのレンダリング前（非同期の場合はredux-thunk）にこの初期アクションを送出してください。

Answer 2

アクションを表示するときに、redux-thunkを使用すると、「約束のような」動作が得られます。このようにして、別のアクションをディスパッチする前にアクションが確実に実行されるようにすることができます。