📅  最后修改于: 2023-12-03 15:04:51.343000             🧑  作者: Mango
在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
属性来更改窗口的名称。