react更新页面title

当点击一个tab，跳转到同一个页面需要改变它的页面title的时候，可以引用ahooks里面的useTitle方法，useTitle的使用方法如下：

先从hoos里引入

import { useTitle } from "ahooks";

const App = () => {
    useTitle('name');//写在最顶层
    /*
    name是你想改的名字，useTitle里面也可以是一个变量
            */
}
 

不过需要注意的是，useTitle只能在函数最顶层使用，否则就会报错

正确用法示例：

const App = () => {
    useTitle('name');//写在最顶层
    /*
    name是你想改的名字，useTitle里面也可以是一个变量
            */
    const  getQuery = (name) =>{
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substring(1).match(reg);
        if(r!=null)return  decodeURI(r[2]); return null;
    }
    let keyName = getQuery('deptName');
    useTitle(keyName);
}

更多hooks用法：

10分钟教你手写8个常用的自定义hooks