希望在react formik中的不同时间呈现不同的值

import React, { Component } from 'react';
import { Formik, Form, Field } from 'formik';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicValue: '初始值',
    };
  }

  componentDidMount() {
    // 在组件挂载后，更新state中的变量
    setTimeout(() => {
      this.setState({ dynamicValue: '新的值' });
    }, 5000);
  }

  render() {
    return (
      <Formik
        initialValues={{ field1: this.state.dynamicValue }}
        onSubmit={values => {
          // 处理表单提交
        }}
      >
        <Form>
          <Field type="text" name="field1" value={this.state.dynamicValue} />
          <button type="submit">提交</button>
        </Form>
      </Formik>
    );
  }
}

export default MyForm;