2016-10-03 10 views
1

この質問は一般的かもしれませんが、私はそれを行かせます。私はRedux、Axios、Thunkを使ってRESTバックエンドとReactフロントエンドを持っています。私はバックエンドからフロントエンドにデータを引き出しています。私はバックエンドから引き出したフロントエンドのデータを編集できる部分をコーディングしようとしています。私が引っ張っているデータは通貨レートのリストです。データはcurrency code,rateおよびdateで構成されています。いつRESTバックエンドに更新をプッシュするのですか

データは次のようになります。私は編集しますフロントエンドで

EUR 1.12 2016-10-03 
USD 1.00 2016-10-03 
GBP 1.29 2016-10-03 

1.12から1.14EURのレートを言うことができます。

  1. 私が最初に のフロントエンドで(propsにマッピングされている)私のstateを更新してRESTバックエンドへの更新をプッシュする必要があります。
  2. 最初に更新をRESTバックエンドにプッシュしてから、 のデータをバックエンドから再度プルすると、stateがリフレッシュされるべきですか?
  3. 他の方法でやりますか?

ご提案は大歓迎です。

+0

私は、休憩要求でインスタントステート更新を推奨します。要求が失敗した場合は、エラーメッセージなどを表示します。ほとんどの場合、サーバーから投稿されたデータをリロードする必要はありません。 – Maxx

+0

バックエンドからデータを取り出し、編集可能なユーザーインターフェイスに読み込み、必要に応じてユーザーインターフェイステンプレートに戻るとデータを最後に編集してプッシュします。 – johnnynemonic

答えて

0

Iは、第 フロントエンドで(小道具にマッピングされている)私の状態を更新した後、RESTバックエンドへの更新をプッシュする必要があります。

サーバーにプッシュする前に状態を更新すると、プッシュが失敗した場合には対応しません。まず、サーバーの更新が成功していることを確認する必要があります。


私が最初にRESTのバックエンドへの更新をプッシュして、バックエンドから再び データを取得し、それによって状態をリフレッシュする必要がありますか?

一度に1つのクライアントだけがデータを更新できる場合(プッシュ処理中にサーバーが変更をマージしない場合)、プッシュクライアントにはすでにサーバーと同じデータが含まれているため、同期。

関連する問題