React TypeScript 16.8-如何在没有头盔的情况下更改页面标题

Question

我已经创建了一个404未找到页面，但是当我浏览至该页面时，我想要更改页面标题，我不想使用Helmet，但是我似乎无法使构造函数或componentDidMount（）正常工作，使用React 16.8.6和Create React App Typescript是我的起点。

import React from 'react';
import logo from '../images/logo.svg';

const NotFound: React.FC = () => {

  return (
    <div className="home-grid">
      <header className="center-logo">
          <img src={logo} alt="My Logo" />
      </header>
      <footer className="home-footer">
        Error 404 page not found
      </footer>
    </div>

  );
}

export default NotFound;

Answer 1

您只需使用常规javascript设置页面标题即可。

document.title = '...'

componentDidMount仅可用于类，对于功能组件，请使用（useEffect）挂钩。

  useEffect(() => {
    document.title = 'something...';
  }, [])