React中useLocation用法
useLocation
用法:
useLocation
提供当前路由的完整路径(例如:/admin/create
)。- 我们通过
location.pathname.split('/')
将路径拆分,将第一级子路径用于动态后缀更新。
例:
import React from 'react';
import {useLocation} from 'react-router-dom';
export default function App () {
const location = useLocation(); // 获取当前路径
let titleSuffix = ""; // 初始化动态后缀为空
// 动态解析路径后缀,只取整个路径中的第一级
if (location.pathname !== "/") {
titleSuffix = location.pathname.split('/')[1];
}
return titleSuffix
}