umi 路由

Prompt:提供一个用户离开页面时的提示选择。

import { Prompt } from 'umi';

export default () => {
     return (
           
{/* 用户离开页面时提示一个选择 */} {/* 用户要跳转到首页时,提示一个选择 */} { return location.pathname !== '/' ? true : `您确定要跳转到首页么?`; }} /> {/* 根据一个状态来确定用户离开页面时是否给一个提示选择 */}
); };

useHistory:hooks,获取 history 对象

useLocation:hooks,获取 location 对象

useParams:hooks,获取 params 对象。 params 对象为动态路由(例如:/users/:id)里的参数键值对。

useRouteMatch:获取当前路由的匹配信息。

import { useHistory,useLocation,useParams,useRouteMatch } from 'umi';

export default () => {
    const history = useHistory();
    const location = useLocation();
    const params = useParams();
    const match = useRouteMatch();
    return (
        
     
           
  • history: {history.action}
  •        
  • location: {location.pathname}
  •        
  • params: {JSON.stringify(params)}
  • match: {JSON.stringify(match.params)}
  •      
   
  ); };

你可能感兴趣的:(umi,react,前端)