Déclenchement de l'enfant re-rendu dans React.js

Le Parent (MyList dans mon exemple) composant rend un tableau à travers un Enfant (MyComponent) du composant. Parent décide de modifier les propriétés du tableau, qu'est-ce que Réagir de façon de déclenchement de l'enfant re-rendu?

Tous, je suis venu avec est this.setState({}); Parent après le fait de modifier les données. Est-ce un hack ou de Réagir de façon de déclencher une mise à jour?

JS Fiddle:
https://jsfiddle.net/69z2wepo/7601/

var items = [
  {id: 1, highlighted: false, text: "item1"},
  {id: 2, highlighted: true, text: "item2"},
  {id: 3, highlighted: false, text: "item3"},
];

var MyComponent = React.createClass({
  render: function() {
    return <div className={this.props.highlighted ? 'light-it-up' : ''}>{this.props.text}</div>;
  }
});

var MyList = React.createClass({
  toggleHighlight: function() {
    this.props.items.forEach(function(v){
      v.highlighted = !v.highlighted;
    });

    //Children must re-render
    //IS THIS CORRECT?
    this.setState({});
  },

  render: function() {
    return <div>
      <button onClick={this.toggleHighlight}>Toggle highlight</button>
      {this.props.items.map(function(item) {
          return <MyComponent key={item.id} text={item.text} highlighted={item.highlighted}/>;
      })}
    </div>;
  }
});

React.render(<MyList items={items}/>, document.getElementById('container'));
InformationsquelleAutor Djam | 2015-05-04