React Router v6 改变页面Title

先说正事再闲聊

1、在路由表加个title字段

React Router v6 改变页面Title_第1张图片

2、在index包裹路由

React Router v6 改变页面Title_第2张图片

3、在App设置title

React Router v6 改变页面Title_第3张图片

闲聊:

看到小黄波浪线了没
React Router v6 改变页面Title_第4张图片
就是说默认不支持title字段了 出来的提示,
所以我本来是像下面这样搞的,就是感觉有点难维护,就还是用上面的方法了
React Router v6 改变页面Title_第5张图片
React Router v6 改变页面Title_第6张图片
vscode的好处就是看不到这些小警告,用webstorm就是想搞规范点,因为用idea比较多,vscode快捷键不习惯 就用这个了。

还有element.props.match.route.title是怎么知道的呢?“当然是直接打印发现的啦”
React Router v6 改变页面Title_第7张图片
React Router v6 改变页面Title_第8张图片

你可能感兴趣的:(react.js,前端,前端框架)