React onChange-Ereignis wird nicht ausgelöst

Question

Das Ereignis onChange wird nicht im Eingabe-Tag ausgelöst. Ich habe LinkedStateMixin verwendet, um den Eingabewert vorher zu verfolgen. In letzter Zeit möchte ich ein OnChange-Ereignis hinzufügen, um eine Funktion auszuführen, und dann habe ich LinkedStateMixin entfernt, aber OnChange kann nicht ausgelöst werden. Ich habe versucht, e.stopPropagation() zu setUsername() hinzuzufügen, aber es funktioniert auch nicht. Ich habe andere Ereignisse wie onKeyDown, onClick und ect ausprobiert. keiner von ihnen kann gefeuert werden. Was ist das Problem?

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

Ändern Sie den Funktionsnamen von setUsername zu handleUsername.

Answer 2

I erstellt this jsfiddle mit dem Code, den Sie geschrieben und, trotz der offensichtlichen Warnungen wird das onchange Ereignis ausgelöst. Ich nehme an, dass mit Ihrem Code etwas nicht stimmt.

Wird die Komponente sogar gerendert? Könntest du mir eine Geige geben, wo es nicht funktioniert, damit ich es dir ansehen kann?