Set titles on post mount/unmount

This commit is contained in:
Nick Pegg 2017-10-14 10:15:48 -07:00
parent 4fce19a7bf
commit 064177fbf7
2 changed files with 8 additions and 4 deletions

View file

@ -62,10 +62,6 @@ class App extends Component {
</Router>
);
}
componentDidMount() {
document.title = config.title;
}
}
class ScrollToTop extends Component {

View file

@ -15,6 +15,7 @@ class Post extends Component {
this.state = {
post: null,
title: '',
notFound: false,
}
}
@ -53,6 +54,11 @@ class Post extends Component {
this.fetchPost();
}
componentWillUnmount() {
// Reset the document title to the default
document.title = config.title;
}
componentWillReceiveProps(props) {
this.params = props.match.params;
this.fetchPost();
@ -64,6 +70,8 @@ class Post extends Component {
}
if (this.state.post) {
console.log(this.state.post);
document.title = `${config.title} - ${this.state.post.title}`;
return (
<Article
article={this.state.post}