javascript - React Redux で子コンポーネントからディスパッチするにはどうすればよいですか?

Question

私のサーバーには次のようなコードがあります。

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

<Layout>明らかに、より多くのコンポーネントがネストされています。

私はこのようなクラスを深く持っています:

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>
    );
  }
});

私が本当にやりたいthis.props.onClickのは、イベントをディスパッチして reducer に状態を設定することではありません。私はコンテキストについてオンラインでいくつかのことを行ってきましたが、その機能が廃止された、または廃止されなかったため、さまざまなレビューを受けました.

編集 私はこの接続方法connectを見ますが、子コンポーネントでは使用しないことを誓ったかもしれません。