title: Select box not changing after changing the value from redux-devtools
body: <p>locale is in my redux app state. Changing its value through react-devtools (revert option), changes paragraph inner value but not the select box value.
  If it renders again shouldn't it take the same value as inside the p tag?</p>
  
  <pre><code>import React, {Component, PropTypes} from 'react'
  import {defineMessages, injectIntl, intlShape} from 'react-intl'
  const messages = defineMessages({
    spanish: {
      id: 'languageSelector.spanish',
      description: 'Select language',
      defaultMessage: 'Spanish'
    },
    english: {
      id: 'languageSelector.english',
      description: 'Select language',
      defaultMessage: 'English'
    },
    french: {
      id: 'languageSelector.french',
      description: 'Select language',
      defaultMessage: 'French'
    }
  })
  
  class LanguageSelector extends Component {
      render () {
        const {formatMessage, locale} = this.props.intl
        return (
          &lt;div&gt;
          &lt;select defaultValue={locale} onChange={(e) =&gt; this.handleChange(e)}&gt;
                  &lt;option id='es' value='es'&gt;{formatMessage(messages.spanish)}&lt;/option&gt;
                  &lt;option id='fr' value='fr'&gt;{formatMessage(messages.french)}&lt;/option&gt;
                  &lt;option id='en' value='en'&gt;{formatMessage(messages.english)}&lt;/option&gt;
          &lt;/select&gt;
          &lt;p&gt;{locale}&lt;/p&gt;
          &lt;/div&gt;
          )
      }
      handleChange (e) {
        this.props.onChange(e.target.value)
      }
  }
  
  LanguageSelector.propTypes = {
    intl: intlShape.isRequired,
    onChange: PropTypes.func.isRequired
  }
  export default injectIntl(LanguageSelector)
  </code></pre>