Support for ref's on Input component about material-ui HOT 4 CLOSED

render: function() {
    return (
        <mui.Input ref="firstname" defaultValue="Test" onChange={this._onChange} />
    );
},

//onChange now passes back the new value as a second parameter
_onChange: function(e, value) {
  console.log(value);

  //Or you can do this elsewhere in your component
  console.log(this.refs.firstname.getValue());
}

/**
 * @jsx React.DOM
 */

var React = require('react'),
  mui = require('material-ui');

var myComponent = React.createClass({

  componentDidMount: function() {
    console.log(this.refs.firstname.getDOMNode());
  },

  render: function() {
    return (
        <mui.Input ref="firstname" type="text" name="firstname" placeholder="First Name" description="Your first name as it appears on your credit card." />
    );
  }

});

module.exports = MyComponent;