如何在Formik中格式化onBlur事件的输入值？

Question

使用Formik，当onBlur事件发生时如何更改输入的值？

我有一个带有电话号码输入的Formik表单，我想在输入模糊时格式化电话号码。

Answer 1

这为我解决了问题

<Formik
  render={props => (
    <Form>
      <Field
        name="phone"
        component={CustomInputComponent}
        onBlur={event => {
          const formatted = formatPhoneNumber(props.values['phone']);
          props.setFieldValue('phone', formatted);
          props.handleBlur(event);
        }}
      />
    </Form>
  )}
/>