title: React + Material UI - Textfield "onChange" never fired
body: <p>I've tried to fire an onchange function when my Textfield is filled, but i can't figure out why this function is never fired, even if React devtool plugin for Chrome actually trigger the changes, any advice ?</p>
  
  <pre><code>import React, {Component} from 'react';
  import {Tracker} from 'meteor/tracker';
  import {Meteor} from 'meteor/meteor';
  import {Links} from '../api/links';
  import LinkListItem from './LinkListItem';
  import {Session} from 'meteor/session';
  import SearchLink from './SearchLink';
  import Fuse from 'fuse.js';
  
  export default class LinkList extends Component {
      constructor(props) {
          super(props);
          this.state = {
              links: [],
              inputValue: ''
          };
      }
      componentDidMount() {
          this.linksTracker = Tracker.autorun(() =&gt; {
              Meteor.subscribe('links');
  
              const links = Links.find({visible: 
              Session.get('showVisible')}).fetch();
              this.setState({links});
          });
      }
      componentWillUnmount() {
          this.linksTracker.stop();
      }
      renderLinksListItems() {
          if (this.state.links.length === 0) {
                  return (
                      &lt;div&gt;
                          &lt;h2 className="link"&gt;{Session.get('showVisible') ? 'No links found' : 'No hidden links found'}&lt;/h2&gt;
                      &lt;/div&gt;
                  );
          }
          console.log(this.state.links);
          return this.state.links.map((link) =&gt; {
              const shortUrl = Meteor.absoluteUrl(link._id);
              return &lt;LinkListItem key={link._id} shortUrl={shortUrl} {...link}/&gt;;
          });
      }
      _onChange(e) {
          if(e.target.value === "") {
              return;
          }
          var fuse = new Fuse(this.state.links, { keys: ["url"]});
          var result = fuse.search(e.target.value);
          this.setState({
              inputValue: e.target.value,
              links: result
          });
      }
      render() {
          return (
              &lt;div&gt;
                &lt;div&gt;
                    &lt;SearchLink onChange={this._onChange} value={this.state.inputValue}/&gt;
                &lt;/div&gt;
                &lt;div&gt;{this.renderLinksListItems()}&lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>My Textfield component :</p>
  
  <pre><code>import React from 'react';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import getMuiTheme from 'material-ui/styles/getMuiTheme';
  import TextField from 'material-ui/TextField';
  
  const muiTheme = getMuiTheme({
    palette: {
        primary1Color: '#ef6c00'
    }
  })
  
  const SearchLink = () =&gt; (
    &lt;MuiThemeProvider muiTheme={muiTheme}&gt;
      &lt;TextField floatingLabelText="Search a Link" name="searchLink" fullWidth={true}/&gt;
    &lt;/MuiThemeProvider&gt;
  );
  
  export default SearchLink;
  </code></pre>
  
  <p>Thank you for your help!</p>