react-final-form - 根据表单中的数据有条件地格式化 React-Final-Form 中的值？

Question

我以 react-final-form 显示货币值。我在现场使用格式功能。

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

问完这个问题后，我想出了这个解决方法，将值传递给表单的渲染函数，然后传递给格式函数，如下所示：

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