Reactで文書のタイトルをどのように設定しますか？

Question

Reactアプリケーションのドキュメントタイトルを設定したいと思います。私はreact-document-title（古くなっているようです）を使用して、コンストラクタとcomponentDidMount（）に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') 
); 

私の作品

編集：あなたは真

Answer 2

にインライン設定のWebPACK-devのサーバーを使用している場合は、 '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> 
    ); 
    } 
};