如何删除浏览器地址栏中的错误路由，并在hookrouter中重定向到Home路由？

Question

请检查以下代码沙箱：

https://codesandbox.io/s/react-router-demo-hook-switch-alternative-nfqew?from-embed

在这种情况下，当我们输入不正确的路由时，它会加载“NoPageFound”组件。

相反，当输入错误的路由器时，我们是否可以-

1)从浏览器地址栏中删除错误的路由？

2)重定向到主页？

请给我建议。

Answer 1

import React from "react";
import ReactDOM from "react-dom";
import { useRoutes, A, navigate } from "hookrouter";
import "./styles.css";
import routes from "./router";
import NoPageFound from "./components/NoPageFound";

function App() {
  const routeResult = useRoutes(routes);
  if (!routeResult) {
    navigate("/");
  }
  return (
    <div className="App">
      <A href="/user">Users Page</A> <br />
      <A href="/about">About Page</A>
      <br />
      <A href="/contact">Contacts Page</A> <br />
      {routeResult || <NoPageFound />}
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);