React Router v6 改变页面Title

news/2024/7/15 18:12:52 标签: react.js, 前端, 前端框架

先说正事再闲聊

1、在路由表加个title字段

路由表

2、在index包裹路由

index路由

3、在App设置title

设置title

闲聊:

看到小黄波浪线了没
波浪线
就是说默认不支持title字段了 出来的提示,
所以我本来是像下面这样搞的,就是感觉有点难维护,就还是用上面的方法了
本来的路由名
本来的设置路由名
vscode的好处就是看不到这些小警告,用webstorm就是想搞规范点,因为用idea比较多,vscode快捷键不习惯 就用这个了。

还有element.props.match.route.title是怎么知道的呢?“当然是直接打印发现的啦”
打印element
打印结果


http://www.niftyadmin.cn/n/5340741.html

相关文章

R基础语法

1.变量 命名规则: R语言中变量可以由字母,数字以及点号.或下划线_组成。以字母或点开头。不能以数字开头。一些特殊的符号不能在名称中出现,如%,$等。区分大小写,如name和Name是两个变量。 可用名称不可用名称a1tri…

SpringBoot 统计更多Api接口日志信息

第1步:基本配置了解 Further Reading : SpringBoot 统计API接口用时该使用过滤器还是拦截器? 第2步:丰富LogInterceptor(主体流程) 日志打印放afterCompletion是为了兼容异常场景也可以记录日志 import com.zhang…

AP5191 降压恒流 双灯 12V5A 一切一LED车灯汽车大灯驱动方案

AP5191是一款PWM工作模式,高效率、外围简 单、内置功率MOS管,适用于4.5-150V输入的高 精度降压LED恒流驱动芯片。输出功率150W, 电流6A。 AP5191可实现线性调光和PWM调光,线性调 光脚有效电压范围0.55-2.6V. AP5191 工作频率可以通过RT 外部…

stm32中的SPI

SPI的简介 文章目录 SPI的简介物理层协议层基本通讯过程起始和终止信号数据有效性CPOL/CPHA及通讯模式 STM3的SPI特性及架构通讯引脚时钟控制逻辑数据控制逻辑整体控制逻辑通讯过程 代码配置实现结构体的定义SPI时钟信号的定义SPI端口定义SPI命令 flash驱动代码初始化代码(配置…

Haar小波下采样模块

论文原址:Haar wavelet downsampling: A simple but effective downsampling module for semantic segmentation - ScienceDirect 原文代码:HWD/HWD.py at main apple1986/HWD (github.com) 介绍 深度卷积神经网络 (DCNN) 通…

安防监控系统EasyCVR平台用户调用设备参数,信息不返回是什么原因?

安防视频监控系统EasyCVR视频综合管理平台,采用了开放式的网络结构,平台能在复杂的网络环境中(专网、局域网、广域网、VPN、公网等)将前端海量的设备进行统一集中接入与视频汇聚管理,平台支持设备通过4G、5G、WIFI、有…

【FINEBI】finebi中常用图表类型及其适用场景

柱状图(Bar Chart): 比较不同类别或组之间的数量差异:柱状图可以用于比较不同产品、地区、时间段等的销售额、市场份额等。 显示不同时间段的数据变化:通过绘制柱状图,可以观察到销售额、网站流量等随时间…

柔性数组和C语言内存划分

柔性数组和C语言内存划分 1. 柔性数组1.1 柔性数组的特点:1.2 柔性数组的使用1.3 柔性数组的优势 2. 总结C/C中程序内存区域划分 1. 柔性数组 也许你从来没有听说过柔性数组(flexible array)这个概念,但是它确实是存在的。 C99 中&#xff…