title: react props not updating with redux store
body: <p>I've always used react-redux <code>connect</code> to configure props but I need to use a react <code>Component</code> to use lifecycle methods. I'm noticing that my props that I'm grabbing from the store seem to be static and they do not update as the store updates.</p>
  
  <p>Code:</p>
  
  <pre class="lang-js prettyprint-override"><code>class AlertModal extends Component {
  
    title
    isOpen
    message
  
    componentDidMount() {
      const { store } = this.context
      const state = store.getState()
      console.log('state', state)
      console.log('store', store)
      this.unsubscribe = store.subscribe(() =&gt; this.forceUpdate())
      this.title = state.get('alertModal').get('alertModalTitle')
      this.isOpen = state.get('alertModal').get('isAlertModalOpen')
      this.message = state.get('alertModal').get('alertModalMessage')
      this.forceUpdate()
    }
  
    componentWillUnmount() {
      this.unsubscribe()
    }
  
    updateAlertModalMessage(message) {
      this.context.store.dispatch(updateAlertModalMessage(message))
    }
    updateAlertModalTitle(title) {
      this.context.store.dispatch(updateAlertModalTitle(title))
    }
  
    updateAlertModalIsOpen(isOpen) {
      this.context.store.dispatch(updateAlertModalIsOpen(isOpen))
    }
  
    render() {
  
      console.log('AlertModal rendered')
      console.log('AlertModal open', this.isOpen) &lt;======= stays true when in store it is false
  
      return (
        &lt;View
  </code></pre>
  
  <p>How do I set up <code>title</code>, <code>isOpen</code>, and <code>message</code> so they reflect the store values at all times?</p>