如何使用React在提交时使用属性重定向到新组件

import React, { useState } from 'react';

const RedirectComponent = () => {
  const [redirectTo, setRedirectTo] = useState(null);

  if (redirectTo) {
    return <Redirect to={redirectTo} />;
  }

  // 其他组件内容

  return (
    <button onClick={() => setRedirectTo('/new-component')}>
      提交
    </button>
  );
};

export default RedirectComponent;

import React from 'react';
import RedirectComponent from './RedirectComponent';

const MyComponent = () => {
  return (
    <div>
      {/* 其他组件内容 */}
      <RedirectComponent />
    </div>
  );
};

export default MyComponent;

npm install react-router-dom