如何使用提示在formik脏状态下停止导航

npm install formik react-router-dom

import { Formik, Form, Field } from 'formik';
import { Prompt } from 'react-router-dom';

const MyForm = () => (
  <Formik
    initialValues={{ name: '', email: '' }}
    validate={(values) => {
      const errors = {};
      // 在这里定义表单的验证规则，根据需要自定义
      if (!values.name) {
        errors.name = '必填字段';
      }
      if (!values.email) {
        errors.email = '必填字段';
      }
      return errors;
    }}
    onSubmit={(values) => {
      // 在这里定义表单提交的逻辑
      console.log(values);
    }}
  >
    {({ dirty }) => (
      <Form>
        {/* 在这里定义表单的输入字段 */}
        <Field type="text" name="name" />
        <Field type="email" name="email" />
        
        {/* 使用Prompt组件，当表单处于脏状态时会弹出提示 */}
        <Prompt
          when={dirty}
          message="您有未保存的更改，确定要离开吗？"
        />

        <button type="submit">提交</button>
      </Form>
    )}
  </Formik>
);