title: How to update components props in storybook
body: <p>I am using <code>storybook</code> (<a href="https://github.com/storybooks/storybook" rel="noreferrer">this</a>) to play with my components in isolation. I want to mock all the flux cycle (that in the full app it is done with the help of <code>redux</code>) and update a property using a simple object in the story, but I am missing something.</p>
  <pre><code>  storiesOf('Color picker', module).add('base', () =&gt; {
      let colorPickerState = {
        changeColor: function(data) {
          this.color = data.color
        },
        color: '#00aced'
      }
      return (
        &lt;ColorPicker
          name=&quot;color&quot;
          onChange={colorPickerState.changeColor.bind(colorPickerState)}
          value={colorPickerState.color}
        /&gt;
      )
    }
  </code></pre>
  <p>I expect the <code>value</code> prop of <code>&lt;ColorPicker /&gt;</code> to be updated when the <code>onChange</code> is called; I can see the value of <code>colorPickerState.color</code> being updated correctly, but the component does not re-render.</p>
  <p>What am I missing?</p>