📜  reactjs 更改窗口名称 - Javascript (1)

📅  最后修改于: 2023-12-03 15:04:51.343000             🧑  作者: Mango

ReactJS 更改窗口名称

在ReactJS中,通过使用document.title属性来更改窗口名称。下面是一个演示如何更改窗口名称的示例:

import React, { useEffect } from 'react';

function App() {

  useEffect(() => {
    document.title = "My App"; // 设置窗口标题为"My App"
  }, []);

  return (
    <>
      <h1>Hello World!</h1>
      <p>Welcome to my app</p>
    </>
  );
}

export default App;

在上面的代码中,我们使用了useEffect钩子函数,这个函数在组件渲染的时候会执行。我们在这个函数里通过设置document.title属性来更改窗口的名称。在这个例子中,我们将窗口名称设置为了"My App"。

注意:useEffect的第二个参数为空数组 [],这意味着我们只希望这个函数仅运行一次,当组件挂载时。

这是一个简单的例子,您可以在应用程序中的任何地方使用document.title属性来更改窗口的名称。