Réagir: en Passant des Accessoires pour les Descendants

Est-il un modèle recommandé pour le passage des accessoires descendant composants Réagir?

Ci-dessous, je suis de passage le prop callback à un composant enfant:

Master = React.createClass({
  render: function() {
    return (
      <div>
        <ListComp items={this.props.items} callback={this.handleClick} />
      </div>
    );
  }
});

ListComp = React.createClass({
  render: function() {

    this.props.items.forEach(function(item) {
      items.push(<ItemView item={item} callback={this.props.callback} />);
    }, this);

    return (
      <ul>{items}</ul>
    );
  }
});

Et puis le callback prop obtient transmis aux descendants composant:

ItemComp = React.createClass({
  render: function() {
    return (
      <li><a onClick={this.handleClick} href="#">Link</a></li>
    );
  },

  handleClick: function(e) {
    e.preventDefault();
    this.props.callback();
  }
});

Est-il correct de passer l'hélice vers le bas deux fois comme ça ou dois-je faire référence à son héritage en quelque sorte?

Je vois un transferPropsTo méthode dans les docs, et de l'abattage d'arbres on dirait que j'ai pu obtenir pour callback de l'descendant via this.props.__owner__.props mais ces double-double souligne me font penser que je ne devrais pas.

  • Je ne vois pas de problèmes en passant le rappel à deux reprises. Elle nécessite un peu plus de frappe mais c'est explicite et facile à comprendre.
InformationsquelleAutor cantera | 2014-02-13