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です。