如何更改导航返回项功能，返回到rootView

// 路由配置
const routes = [
  {
    path: '/',
    component: Home,
    exact: true,
  },
  {
    path: '/about',
    component: About,
  },
  // 其他路由配置...
];

// 页面组件
const About = () => {
  const history = useHistory();

  const handleGoBack = () => {
    const currentPath = history.location.pathname;
    if (currentPath === '/about') {
      // 执行返回到rootView的操作
      history.push('/');
    } else {
      history.goBack();
    }
  };

  return (
    <div>
      <h1>About Page</h1>
      <button onClick={handleGoBack}>返回</button>
    </div>
  );
};

// 路由渲染
ReactDOM.render(
  <Router>
    <Switch>
      {routes.map((route) => (
        <Route
          key={route.path}
          path={route.path}
          exact={route.exact}
          component={route.component}
        />
      ))}
    </Switch>
  </Router>,
  document.getElementById('root')
);