title: React component view does not get update
body: <p>I have a React component that manage multiple accordion in a list, but when i update a children, on React dev tools, it was showing the updated text but on the view/ui, it doesnt update. Please advice.</p>
  
  <pre><code>var AccordionComponent = React.createClass({
    getInitialState: function() {
    var self = this;
    var accordions = this.props.children.map(function(accordion, i) {
     return clone(accordion, {
      onClick: self.handleClick,
      key: i
    });
  });
  
    return {
      accordions: accordions
    }
  },
  handleClick: function(i) {
    var accordions = this.state.accordions;
  
    accordions = accordions.map(function(accordion) {
      if (!accordion.props.open &amp;&amp; accordion.props.index === i) {
        accordion.props.open = true;
      } else {
        accordion.props.open = false;
      }
      return accordion;
    });
  
    this.setState({
      accordions: accordions
    });
  },
  componentWillReceiveProps: function(nextProps) {
    var accordions = this.state.accordions.map(function(accordion, i) {
      var newProp = nextProps.children[i].props;
  
      accordion.props = assign(accordion.props, {
        title: newProp.title,
        children: newProp.children
      });
  
      return accordion;
    });
  
    this.setState({
      accordions: accordions
    });
  },
  render: function() {
    return (
      &lt;div&gt;
        {this.state.accordions}
      &lt;/div&gt;
    );
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Ooblh.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/pTVts.png" alt="enter image description here"></p>
  
  <p>Edit:<br>
  The component did trigger <code>componentWillReceiveProps</code> event, but it still never get updated.</p>
  
  <p>Thanks</p>