在React项目中管理文档标题

Question

我试图找到一个类似于react-helmet的库来管理文档标题。当前版本的react-helmet不适用于React18。顺便说一句，你知道有什么替代react-helmet的方法是最新的吗？谢谢

Answer 1

下面是如何在useEffect中设置标题的快速示例。您可以手动设置document.title = "title“或任何您喜欢的内容。

export default function App() {
  useEffect(() => {
    document.title = "New Title";
  }, []);
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

在加载文档时，这仍然是默认的"React“。进入公用文件夹index.html，并将默认的React更改为您希望默认的应用程序。