onChangeイベントが発生しません

Question

onChangeイベントは入力タグで発生しません。以前は入力値を追跡するためにLinkedStateMixinを使用していました。最近、onChangeイベントを追加していくつかの関数を実行し、LinkedStateMixinを削除したいが、onChangeは起動できない。 setUsername（）にe.stopPropagation（）を追加しようとしましたが、動作しません。私はonKeyDown、onClick、そしてectのような他のイベントを試みました。いずれも解雇することはできません。何が問題ですか？

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; 

Answer 1

変更handleUsernameへsetUsernameから関数名。

Answer 2

私はあなたが投稿して、明白な警告にもかかわらず、のonchangeイベントが発生したコードでthis jsfiddleを作成しました。だから私はあなたのコードに何か間違っていると思う。

コンポーネントはレンダリングされますか？私は見てみることができるように動作していない場所でフィドルを提供できますか？