React onChange事件不會觸發

問題是onChange事件在輸入標記中未觸發。我之前使用LinkedStateMixin來跟蹤輸入值。最近，我想添加onChange事件來運行一些函數，然後我刪除了LinkedStateMixin，但onChange無法啓動。我試圖將e.stopPropagation（）添加到setUsername（），但它不工作。我嘗試了其他事件，如onKeyDown，onClick和ect。他們都不能被解僱。問題是什麼？React onChange事件不會觸發

var React = require('react'); 

var SessionActions = require('../../actions/session_actions'); 
var UserStore = require('../../stores/user_store'); 

var LogInForm = React.createClass({ 

    getInitialState: function() { 
    return ({ 
     user: undefined, 
     username: '', 
     password: '', 
    }); 
    }, 

    componentDidMount: function() { 
    this.token = UserStore.addListener(this.updateUserStore); 
    }, 

    componentWillUnmount: function() { 
    this.token.remove(); 
    }, 

    updateUserStore: function() { 
    this.setState({user: UserStore.all()}); 
    this.setState({username: ''}); 
    this.setState({password: ''}); 
    }, 

    setUsername: function(e) { 
    console.log("Fired"); 
    }, 

    handleSubmit: function(e) { 
    e.preventDefault(); 
    SessionActions.logIn({ 
     username: this.state.username, 
     password: this.state.password 
    }); 
    this.updateUserStore(); 
    }, 

    render: function() { 
    return (
     <div> 
     <h4>Log In</h4> 
     <div> </div> 
     <form onSubmit={this.handleSubmit}> 
      <input onChange={this.setUsername} placeholder="Username" type="text"/> 

      <input placeholder="Password" type="password"/> 

      <input type="submit" value="Log In"/> 
     </form> 
     </div> 

    ); 
    } 
}); 

module.exports = LogInForm;

來源

2016-07-29 Michael Zhang