网站域名解绑,青岛市网站制作,网站类型怎么分,小生意是做网站还是公众号通常#xff0c;当我们写一个h5或者网站时#xff0c;需要根据页面的业务来自定义网页标题。 这个本来是在入口html文件中设置的#xff0c;但唯一。
headmeta charsetUTF-8 /!-- link relicon typeimage/svgxml当我们写一个h5或者网站时需要根据页面的业务来自定义网页标题。 这个本来是在入口html文件中设置的但唯一。
headmeta charsetUTF-8 /!-- link relicon typeimage/svgxml href/vite.svg / --meta nameviewport contentwidthdevice-width, initial-scale1.0,maximum-scale1.0, minimum-scale1.0 /title载入中.../title
/head那么如何改变呢 一、写一个组件更改标题jsx文件
import React, { useEffect } from reactconst DefaultElement ({ element: Component, meta }: any) {//这个组件接受两个参数第一个为路由中本来就要用的组件第二个是自定义标题。useEffect(() {if (meta.title) {document.title ${meta.title}} else {document.title 载入中...}}, [meta])return (Component /)
}export default DefaultElement二、在路由ts文件中引用这个组件。
{path: /appraisal,element: DefaultElement element{A} meta{{ title: 我的测评 }} /},
