Как отформатировать значение ввода для события onBlur в Formik?

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>
  )}
/>