Navigate

类型声明

declare function Navigate(props: NavigateProps): null;

interface NavigateProps {
  to: To;
  replace?: boolean;
  state?: any;
  relative?: RelativeRoutingType;
}

当渲染时，<Navigate>元素会改变当位置。它是useNavigate的组件包装器，并接受与 props 相同的所有参数。

export const HomeComponent = () => {
  return (
    <div>
      <h1>welcome to home</h1>
      {user && <Navigate to="/dashboard" replace={true}/>}
    </div>
  );
};