event-handling - react.jsで親コンポーネントから子コンポーネントのイベントハンドラ関数をオーバーライドする方法

Question

/** @jsx React.DOM */

var Button = React.createClass({
  handleClick: function(){
    console.log(' FROM BUTTON')
  },
  render: function() {
    return <input type='button' onClick={this.handleClick} value={this.props.dname}/>;
  } 
});

var Text = React.createClass({
  render: function() {
    return <input type='text' onClick={this.handleClick} value={this.props.ival}/>;
  } 
});


var search = React.createClass({
  handleClick: function() {
    console.log('searching')
  },
  render: function(){
    return (
      <div>
        <Text/>
        <Button dname={this.props.dname} onClick={this.handleClick} />
      </div>
    );
  }
});

React.renderComponent(<search dname='Look up' fname='Search'/> , document.body);

ボタンとテキスト コンポーネントを作成し、それらを検索コンポーネントに含めたので、ボタンのデフォルトの handleClick イベントを検索コンポーネントのハンドラでオーバーライドしたいと考えています。しかし、this.handleClick はボタン コンポーネントのイベント ハンドラーを指しています。助けてください。代わりに、クリック時に FROM SEARCH が必要です。FROM BUTTON を取得しました。