This is the example from the react-document-title readme. https://github.com/gaearon/react-document-title
function App() { | |
// Use "My Web App" if no child overrides this | |
return ( | |
<DocumentTitle title='My Web App'> | |
<SomeRouter /> | |
</DocumentTitle> | |
); | |
} | |
function HomePage() { | |
// Use "Home" while this component is mounted | |
return ( | |
<DocumentTitle title='Home'> | |
<h1>Home, sweet home.</h1> | |
</DocumentTitle> | |
); | |
} | |
class NewArticlePage extends React.Component { | |
constructor(props) { | |
super(props); | |
this.state = { title: 'Untitled' }; | |
} | |
render() { | |
// Update using value from state while this component is mounted | |
return ( | |
<DocumentTitle title={this.state.title}> | |
<div> | |
<h1>New Article</h1> | |
<input | |
value={this.state.title} | |
onChange={(e) => this.setState({ title: e.target.value })} | |
/> | |
</div> | |
</DocumentTitle> | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment