如何更改反应应用程序中的标题和图标？
idk*_*idk 14 icons titlebar reactjs
我正在制作一个反应应用程序。但在标题栏中，它显示带有 React 徽标的“React App”。我想将其更改为我的网站名称和徽标，我该怎么做？
Pyt*_*hon 27
如果您想更改标题，可以转到：public/index.html，然后更改<title>React App </title>
要更改您的徽标，请转到公共文件夹并更改favicon.ico.
如果您按照这些步骤操作，您的徽标和标题将会更改。
如果对您有帮助，请标记为已接受的答案。
Hac*_*gar 12
您可以在反应项目中更改标题和图标public/index.html。
<head>
...
...
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<title>React App</title>
...
...
</head>
进行更改public/index.html只会更改默认值（标题和图标），并且将为所有页面设置。有关此方法和官方文档中的一些（复杂）替代方案的更多信息：https://create-react-app.dev/docs/title-and-meta-tags/
...或者您可以使用 React Helmet，这是官方文档中推荐的第三方库：https: //github.com/nfl/react-helmet。head它将允许您从组件本身设置页面标题/图标/其他元素。
使用 React Helmet 的示例代码：
import {Helmet} from "react-helmet";
class Application extends React.Component {
render () {
return (
<div className="application">
<Helmet>
<meta charSet="utf-8" />
<title>My Title</title>
<link rel="canonical" href="http://example.com/example" />
</Helmet>
...
</div>
);
}
};
| 归档时间： |
|
| 查看次数： |
52989 次 |
| 最近记录： |