0

react-final-formフィールドを持つオブジェクトの配列がありますsum。最後に、すべての合計の合計を数えたいと思います。だから私はfinal-form-calculateこのような計算フィールドを使用しています:

const calculator = createDecorator({
  field: /day\[\d\]\.sum/, // when a field matching this pattern changes...
  updates: (value, name, allValues) => {
    console.log("Updated field", value, name);
    // ...update the total to the result of this function
    total: (ignoredValue, allValues) =>
      (allValues.day || []).reduce((sum, value) => sum + Number(value || 0), 0);
    return {};
  }
});

入力に値を入力すると、console.logが呼び出されますが、合計は更新されません。必要なフィールドから値を選択していないと思います。どうすれば修正できますか?これが私のコードサンドボックスhttps://codesandbox.io/s/react-final-form-calculated-fields-hkd65?fontsize=14です。

4

2 に答える 2