在AJAX请求之后，如何使用react context API值更新Formik初始值？

import React, { createContext, useState } from 'react';

const MyContext = createContext();

const MyContextProvider = ({ children }) => {
  const [myValue, setMyValue] = useState('');

  const updateValue = (newValue) => {
    setMyValue(newValue);
  };

  return (
    <MyContext.Provider value={{ myValue, updateValue }}>
      {children}
    </MyContext.Provider>
  );
};

import React, { useContext } from 'react';
import { Formik } from 'formik';

const MyForm = () => {
  const { myValue, updateValue } = useContext(MyContext);

  const handleAjaxResponse = (response) => {
    // 处理AJAX响应并更新值
    updateValue(response.data);
  };

  return (
    <Formik initialValues={{ myField: myValue }}>
      {/* 表单内容 */}
    </Formik>
  );
};