reactjs - 如何格式化 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>
  )}
/>