reactjs - 現在のコンポーネントの状態を、react で可能な別の外部メソッドにパラメータとして送信しています

Question

/** @jsx React.DOM */

// create a login component
var Login = React.createClass({
  displayName: 'loginComp',
  getInitialState: function () {
    return {
      id_uname: 'u',
      id_pwd: 'p'
    };
  },
  onChange: function(e){
    if(e.target.name=="username")
      this.setState({id_uname: e.target.value});
    else
      this.setState({id_pwd: e.target.value});
  },
  handleSubmit: function (e) {
    console.log(this.state.id_uname);
    console.log(this.state.id_pwd);
  },
  render: function () {
    var objState = this.state;
    var asd = "asd";

    return (
      <fieldset>
        <input ref='username' type="text" name="username" onChange={this.onChange}/>
        <input ref='password' type="password"  name="password" onChange={this.onChange}/>
        <button ref='password' type="submit" onClick={this.props.handleSubmit(this.state) ||  this.handleSubmit}>Submit</button>
      </fieldset>
    );
  }
});

var sub = function(state){
  console.log('-- OUTSIDE--');
  console.log('-- --',state);
};

React.renderComponent(
  <Login handleSubmit={sub}/>,
  document.body
);

ボタンをクリックすると、サブメソッドに移動する必要があります..代わりに、サブメソッドはすべての状態変化に応答し、最後にボタンを押すとデフォルトのhandleSubmitメソッドに移動します..ヘルプ!!