使用react路由器dom从历史记录中删除状态

window.history.replaceState(null, "", "/new-url");

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

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

  const handleRemoveState = () => {
    history.replace("/new-url");
  };

  return (
    <div>
      {/* 其他组件 */}
      <button onClick={handleRemoveState}>Remove State</button>
    </div>
  );
}

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

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

  const handleRemoveState = () => {
    setRedirect(true);
  };

  if (redirect) {
    return <Redirect to="/new-url" />;
  }

  return (
    <div>
      {/* 其他组件 */}
      <button onClick={handleRemoveState}>Remove State</button>
    </div>
  );
}