根據表單中的數據有條件地格式化React-Final-Form中的值？

Question

我正在以反應最終形式顯示貨幣值。 我在現場使用格式功能。

const formatMoney = (value) => {
  if (!value) return value;
  const formatter = new Intl.NumberFormat('en-US', {
    style: 'currency',
    minimumFractionDigits: 2,
    currency: 'USD'
  });
  return formatter.format(value);
};

問題是貨幣是表單中的另一個選項。 我看不到一種干凈的方法來訪問格式函數中的其余值。

Answer 1

問完問題后，我想出了解決方法，將值傳遞到表單的render函數中，然后傳遞給format函數，如下所示：

     <Field
      name="total"
      type="text"
      readOnly
      component={LabeledInput}
      placeholder="10"
      label="Total"
      help="Estimated total including tax"
      format={v => formatMoney(v, values.currency)}
    />