在componentDidUpdate或handleSubmit上使用Formik setFieldValue (错误:不是函数)

import React, { Component } from 'react';
import { withFormik } from 'formik';

class MyForm extends Component {
  componentDidUpdate(prevProps) {
    if (prevProps.values.field !== this.props.values.field) {
      // 使用setFieldValue更新表单字段的值
      this.props.setFieldValue('field', '新的值');
    }
  }

  handleSubmit = (e) => {
    e.preventDefault();
    // 使用setFieldValue更新表单字段的值
    this.props.setFieldValue('field', '新的值');
  }

  render() {
    // 渲染表单
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单字段 */}
        <input
          type="text"
          name="field"
          value={this.props.values.field}
          onChange={this.props.handleChange}
        />
        <button type="submit">提交</button>
      </form>
    );
  }
}

// 使用withFormik包装组件，并传递初始值和提交处理函数
const EnhancedForm = withFormik({
  mapPropsToValues: () => ({ field: '' }),
  handleSubmit: (values, { setSubmitting }) => {
    // 处理表单提交
    console.log(values);
    setSubmitting(false);
  },
})(MyForm);

export default EnhancedForm;