如何在React中設置文檔標題？

Question

我想爲我的React應用程序設置文檔標題。我曾嘗試在構造函數和componentDidMount（）中使用react-document-title（似乎已過時）並設置document.title - 這些解決方案均不起作用。

Answer 1

import React from 'react' 
import ReactDOM from 'react-dom' 


class Doc extends React.Component{ 
    componentDidMount(){ 
    document.title = "dfsdfsdfsd" 
    } 

    render(){ 
    return(
      <b> test </b> 
    ) 
    } 
} 

ReactDOM.render(
    <Doc />, 
    document.getElementById('container') 
); 

對我的作品

編輯：如果您使用的WebPack-DEV-服務器內嵌設置爲true

Answer 2

你應該設置文檔標題中 'componentWillMount' 的生命週期：

componentWillMount() { 
    document.title = 'your title name' 
    }, 

Answer 3

您可以使用​​還有：

import React from 'react'; 
import {Helmet} from 'react-helmet'; 

class MyComponent extends React.PureComponent { 
    render() { 
    return (
     <div> 
      <Helmet> 
       <title>My Title</title> 
      </Helmet> 
      ... 
     </div> 
    ); 
    } 
};