Nennen Sie 2 Funktionen im onChange-event

Ich bin ein bisschen festgefahren mit meiner Komponente, muss ich anrufen onChange von Requisiten, so dass

<input type="text" value={this.state.text} onChange={this.props.onChange} />

aber auch eine andere Funktion aufrufen, die innerhalb der Komponente aufgerufen handleChange() dass updates der Staat.text, ich habe versucht,

 <input type="text" value={this.state.text} onChange={this.props.onChange; this.handleChange} />

aber das scheint nicht zu funktionieren.

  • Erstellen Sie eine Funktion, rufen Sie auf change-Ereignis, und innerhalb dieses, nennen Sie 2(oder Sie können sogar Anruf 20) Funktionen.
  • Dachte ich an ihn, wollte aber wissen, ob es eine inline-Lösung eignet sich auch
InformationsquelleAutor Ilja | 2016-02-16
  1. 25

    Können Sie tun, indem Sie die beiden Funktionen in doppelten Anführungszeichen:

    <input type="text" value={this.state.text} onChange="this.props.onChange(); this.handleChange();" />

    Sollte diese Arbeit. Aber es wäre besser, wenn Sie aufrufen der zweiten Funktion in die erste ein:

    function testFunction() {
    onChange();
    handleChange();
}
    • Aufruf this.props.onChange nicht scheinen, um eine Wirkung innerhalb testFUnction (onChange hier als einfache Konsole.log )
    InformationsquelleAutor diiN__________
  2. 1

    function(e) {this.props.onChange(e); this.handleChange(e)}.bind(this)

    Müssen Sie möglicherweise nicht .bind(this), aber ich vermute, Sie wird.

    Dadurch wird eine neue Funktion auf jedem Rendern, so würde es besser sein, in gewisser Hinsicht zu haben, dass die Funktion ein "Komponenten" - Methode, aber dies sollte funktionieren.

    InformationsquelleAutor Carl Vitullo
  3. 0

    Wenn Sie wollen inline-Lösung, die Sie tun können, so etwas wie dieses:

     <input type="text" value={this.state.text} onInput={this.props.onChange} onChange={this.props.handleChange} />

    Unterschied zwischen onInput und onChage ist hier:

    Unterschied zwischen "ändern" und "input" - Ereignis für ein `input` - element

    InformationsquelleAutor Julia Stanina
Schreibe einen Kommentar