在react js中使用ProtectedRoutes时如何停止表单值重置

import React, { useState } from 'react';
import { Route, Redirect } from 'react-router-dom';

const ProtectedRoute = ({ component: Component, ...rest }) => {
  const [formValues, setFormValues] = useState({});

  const handleSubmit = (event) => {
    event.preventDefault();
    // 发送表单数据到后端进行处理
    // 可以使用fetch或axios等库发送请求
    // 根据需要进行页面跳转或其他操作
  };

  const handleChange = (event) => {
    const { name, value } = event.target;
    setFormValues((prevValues) => ({
      ...prevValues,
      [name]: value,
    }));
  };

  return (
    <Route
      {...rest}
      render={(props) =>
        // 检查用户是否已登录，如果已登录则渲染组件，否则重定向到登录页面
        isAuthenticated ? (
          <Component
            {...props}
            formValues={formValues}
            handleChange={handleChange}
            handleSubmit={handleSubmit}
          />
        ) : (
          <Redirect to="/login" />
        )
      }
    />
  );
};

export default ProtectedRoute;