如何在React中重定向和传递数据作为提交表单的道具？

import { Redirect } from 'react-router-dom';

function MyComponent() {
  const [redirect, setRedirect] = useState(false);

  const handleFormSubmit = () => {
    // 处理表单提交逻辑
    setRedirect(true);
  };

  return (
    <div>
      {redirect && <Redirect to="/destination" />}
      <form onSubmit={handleFormSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    </div>
  );
}

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  const handleFormSubmit = () => {
    // 处理表单提交逻辑
    history.push('/destination');
  };

  return (
    <div>
      <form onSubmit={handleFormSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    </div>
  );
}

import { Redirect } from 'react-router-dom';

function MyComponent() {
  const [formData, setFormData] = useState({});
  const [redirect, setRedirect] = useState(false);

  const handleFormSubmit = () => {
    // 处理表单提交逻辑
    setRedirect(true);
  };

  return (
    <div>
      {redirect && <Redirect to={{ pathname: '/destination', state: formData }} />}
      <form onSubmit={handleFormSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    </div>
  );
}