Question

在Reactjs中，如何动态更改页面标题。例如：当我们重定向到新页面时，新页面路线应该作为页面标题出现

例如：如果“主页”则图块应为“ xxx主页”，如果在联系页面中，则标题应为“ xxx联系人”

Answer 1

您可以使用Hooks，并且在更改状态时可以使用其useEffect()方法。

例如，

import React, { useState, useEffect } from 'react';

const Example = () => {
  const [count, setCount] = useState(0);

  // Similar to componentDidMount and componentDidUpdate:
  useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
  });

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

摘自React Hooks documentation

Answer 2

尝试一下。

12:00 AM

在reactjs中，如何将页面标题更改为与页面路由链接名称相同？

2 个答案: