reactjs - 在react-final-form中清除输入时清除字段的值

Question

我正在使用带有 react-final-form 的自定义组件。输入更改时，它将值设置为地址字段。但是当清除输入时，它不会更新字段的值。所以我尝试用表单修改器来做到这一点。

我已经添加了一个用于清除字段的变元:

mutators={{
  clear: ([address], state, { changeValue }) => {
    changeValue(state, "address", () => undefined);
  }
}}

我尝试将其添加到我的自定义 onChange 函数中，但它不起作用。

onChange={event =>
  props.input.onChange !== undefined
    ? props.input.onChange({ value: event })
    : form.mutators.clear
}

或者也许这根本不需要更改器(mutator)就可以完成？我将衷心感谢您的帮助。这是live example (清除字段仅适用于单击按钮，如 onClick={form.mutators.clear})。

Answer 1

您可以随时调用 form.change('address', undefined) 清除该值。