React/ReduxとExpressを使用したデータフロー

Question

私はReact/ReduxフロントエンドにExpressバックエンドアプリケーションを使用しましたが、私はむしろ新しいですが、データの流れにどう対処するかに関する質問があります。

私のフロントエンド側には、検索バーがあります。ユーザーが検索語を入力すると、Express routes.jsファイルで処理されるReactからの投稿要求が送信されました。このファイルでは、私はその検索語を取っています。私はMongoデータベースでその用語を探しています。その後、データベース内にその用語が見つかった場合、オブジェクトを送り返します。

私はいくつかのデータをオフ引くために、特定のルートにHTTP要求を行うために、この出願においてaxiosを使用しているが、それは明示側app.get(...)内であり、Iは、検索に反応側axios.get(...)を使用情報。

ただし、データが2方向に流れるため、この状況は少し異なります。最初は、フロントエンドからバックエンドに、次にバックエンドからフロントエンドまでです。この場合、私はapp.post(...)を使用しています。

私の質問はです。どのようにデータをフロントエンドに取り込みますか？ app.post(...)でaxios.get(...)を実行するだけでいいですか、これを行うには別の方法がありますか？

Answer 1

ブラウザからバックエンドのルートに移動してPOSTに応答するように実装されている場合は、おそらく405エラーが発生します。 POST Axios要求とPOST Express応答を実装します。

Answer 2

GETまたはPOSTのいずれかを使用できますが、サーバー側とクライアント側で一貫している必要があります。クライアントからhttp GETを実行すると、サーバールートとしてapp.get(...)がある場合にのみサーバーが応答します。

データの流れに関する限り、getとpostの両方がデータを返すことができます。高速ルートで指定する必要があります。

mongoにキーが存在するかどうかを調べるビジネスロジックのあとに、res.send({'found': true})またはres.json({'found': false})のようにします。これにより、データがクライアントに確実に戻されます。