react 动态设置title

在 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 属性用于设置页面标题。

  •