在 React 中,可以通过使用 JavaScript 动态设置页面的标题。可以在组件的生命周期方法或者使用 Hooks 来实现。
例如,可以在组件的
componentDidMount
生命周期方法中设置页面标题:
class MyComponent extends React.Component {
componentDidMount() {
document.title = 'My Dynamic Title';
render() {
return (
// ...
也可以使用 useEffect
Hook 来实现:
import React, { useEffect } from 'react';
function MyComponent() {
useEffect(() => {
document.title = 'My Dynamic Title';
}, []);
return (
// ...
在这两种方法中,document.title
属性用于设置页面标题。