Comment puis-je l'expédition à partir de composants enfants Réagissent Redux?

Mon serveur a un code comme ceci:

<ReactRedux.Provider store={store}><Layout defaultStore={JSON.stringify(store.getState())}/></ReactRedux.Provider>

<Layout> a évidemment plus de composants qui nest plus.

J'ai une classe comme ceci profondeur:

import React from 'react';

export default React.createClass({
  render: function(){
    var classes = [
      'js-select-product',
      'pseudo-link'
    ];

    if (this.props.selected) {
      classes.push('bold');
    }

    return (
      <li className="js-product-selection">
        <span onClick={this.props.onClick} className={classes.join(' ')} data-product={this.props.id}>{this.props.name}</span>
      </li>
    );
  }
});

Ce que je veux vraiment faire, plutôt que de this.props.onClick est de distribuer un événement à définir l'état dans un réducteur de. J'ai eu quelques choses en ligne sur le contexte, mais j'ai reçu des critiques mitigées en tant que fonctionnalité a été ou n'allait pas loin.

MODIFIER
Je vois ce méthode de connexion mais j'aurais juré que j'avais lu de ne pas utiliser connect chez les enfants de composants.

InformationsquelleAutor Dave Stein | 2016-04-11