title: onClick event on react-bootstrap
body: <p>I'm trying to learn MEAN and I was trying to make an Easy Pokemon finder.</p>
  
  <p>The thing is that i'm having troubles with events attaching to a component.</p>
  
  <p>Here is the main view: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component, PropTypes } from 'react';
  import { connect } from 'react-redux';
  import { bindActionCreators } from 'redux';
  
  /* Import Components */
  import Search from './components/Search/Search';
  import { Grid, Row, Col } from 'react-bootstrap';
  
  /* Import Actions */
  import { fetchByName } from './PokedexActions';
  
  // Import Style
  //import styles from './Pokedex.css';
  
  class Pokedex extends Component {
  
    handleFind= (name) =&gt;{
      this.props.dispatch(fetchByName({name}));
    };
  
    render() {
      return (
        &lt;Grid&gt;
          &lt;Row&gt;
            &lt;Col md={4}&gt;
              &lt;Search findPokemon={this.handleFind}/&gt;
            &lt;/Col&gt;
            &lt;Col md={4}&gt;&lt;/Col&gt;
            &lt;Col md={4}&gt;&lt;/Col&gt;
          &lt;/Row&gt;
        &lt;/Grid&gt;
      );
    }
  }
  
  const mapStateToProps = (state) =&gt; {
    return {};
  };
  
  const mapDispatchToProps = (dispatch) =&gt; {
    return {};
  };
  
  Pokedex.contextTypes = {
    router: React.PropTypes.object
  };
  
  export default connect(
    mapStateToProps,
    mapDispatchToProps
  )(Pokedex);</code></pre>
  </div>
  </div>
  </p>
  
  <p>and here it's the search componenet:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component, PropTypes } from 'react';
  import { ControlLabel, FormControl, Button } from 'react-bootstrap';
  
  export class Search extends Component {
  
    handleClick(){
      console.log("algo");
      this.props.findPokemon('eevee');
      //console.log(this.refs.name);
    }
  
    render() {
      return (
        &lt;div&gt;
          &lt;ControlLabel&gt;Pokemon Search&lt;/ControlLabel&gt;
          &lt;FormControl type="text" placeholder="Pokemon" ref="name" onChange={this.handleClick}/&gt;
          &lt;Button bsStyle="primary" onClick={this.handleClick}&gt;Find&lt;/Button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  Search.propTypes = {
    findPokemon: PropTypes.func.isRequired
  };
  
  export default Search;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Unfortunately it won't get fired the events attached to neither button nor form Control...</p>
  
  <p>Anybody knows what it could be wrong?</p>
  
  <p>Thanks!</p>