React中useLocation用法

2025-04-06T13:38:05

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 
}
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »