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') );

Esto funciona para mí.

Editar: si está utilizando webpack-dev-server, establezca en línea en verdadero

Puedes usar React Helmet :

 import React from 'react' import { Helmet } from 'react-helmet' const TITLE = 'My Page Title' class MyComponent extends React.PureComponent { render () { return ( <> <Helmet> <title>{ TITLE }</title> </Helmet> ... </> ) } }

Para React 16.8, puede hacer esto con un componente funcional usando useEffect .

Por ejemplo:

 useEffect(() => { document.title = "new title" }, []);

Tener el segundo argumento como una matriz llama a useEffect solo una vez, lo que lo hace similar a componentDidMount .