リクエストで提出する必要がある場合、計算をReduxストアに保存する必要がありますか？

Question

私はいくつかの数字を入力するようにユーザーに要求するフォームを持っています。次に、Reduxストアに格納されている数値を使用して計算が行われます。今は計算をReduxストアに保存しませんが、コンポーネントのレンダリング機能の中でそれらを実行します。

これで、計算された値をHTTPリクエストに含めるには、送信されたフォームが必要です。それについてどうすればいいですか？ Reduxストアで計算を保持する必要がありますか？

Answer 1

あなたのUIで生の値と計算された値を使用する予定がある場合は、両方の利益を還元店に保存することができます。

HTTPリクエストを行うときに計算を使用する必要があり、計算されたデータがUIの一部として使用されていない場合、よりクリーンな実装では、計算を行う関数をユーティリティファイルを作成し、コンポーネント/コンテナまたはアクションファイル内の計算が必要な関数をインポートして使用することができます。

これにより、各ファイルの懸念が明確になり、必要に応じて計算ユーティリティを複数のファイルで使用できると思います。その後、

// Utility file 
export const calculationFunction = (someParam) => { 
    \\ Calculation here 
    return yourAnswer 
} 

// Actions File (Note this is how my action dispatch is set up, yours might look a bit different 
import { calculationFunction } from 'utilities/calculations'; 

export const sendData = (data) => ({ 
    type: types.SEND_DATA, 
    responseTypes: [types.SEND_DATA_SUCCESS, types.SEND_DATA_FAILURE], 
    promise: (client: any) => client.post('/data', calculationFunction(data)), 
});