reactjs 如何在Vite React中动态更改标题?

nr9pn0ug  于 2022-12-12  发布在  React
关注(0)|答案(2)|浏览(280)

Vite React模板在项目的根目录下有一个名为index.html的文件。
据我所知,这个文件是静态的。
我想改变每个网页的标题分别为基础。
我知道我可以在每个页面中使用useEffect,并使用简单的vanilla JS设置标题。
但我想知道是否有一个更好的更标准的Reacty的方式来做到这一点?

bq3bfh9z

bq3bfh9z1#

您可以使用react-helmet包,它使您能够在任何所需的组件中添加head标记

tquggr8v

tquggr8v2#

使用useEffect看起来很合理,你可以把它封装到你自己的useTitle钩子中,以获得更清晰的效果(例如,参见https://www.30secondsofcode.org/react/s/use-title)。

相关问题