Higher order component that sets a component's title in a redux store

addTitle.js

import { Component } from "react";
import { addTitle, resetTitle } from "./actions";

var addTitle = title => ComposedComponent => class Enhancer extends Component {
  contextTypes = {
    store: React.PropTypes.object
  }
  componentDidMount() {
    this.context.store.dispatch(addTitle(title));
  }
  componentWillUnmount() {
    this.context.store.dispatch(resetTitle())
  }
  render() {
    return <ComposedComponent {...this.props} title={title} />;
  }
};

export default addTitle;

DynamicView.js

import { Component } from "react";
import addTitle from "./addTitle";

class DynamicView extends Component {
  render() {
    return <h1>{this.props.title}</h1>;
  }
}

export default addTitle("My title")(MyComponent); // Enhanced component