web-dev-qa-db-fra.com

Appelez deux fonctions dans l'événement ONCHANGE dans React

J'essaie d'appeler deux fonctions avec un événement ONCHANGE pour la fonctionnalité de recherche de manière dynamique dans la réaction. Dans la première fonction, je définis l'état pour une valeur et une deuxième fonction, je dois appeler la valeur et exécuter la fonction.

Je n'ai pas pu appeler deux fonctions en même temps. Je n'aime pas le simulateur JSON avec ce code exemple.

 handleChange(e) {
   this.setState({ value: e.target.value.substr(0, 20) });
}
filterFunction(filteredSections) {
  let search = filteredSections;
  search = filteredSections.filter(somesection => somesection.insidesection && somesection.insidesection.name.toLowerCase().indexOf(this.state.value.toLowerCase()) !== -1);
return search;
    }
 render() {
    const filteredSections = othersection;
return(

<div>
<FormControl
    name="searching"
    placeholder="Searching"
    onChange={e => this.handleChange(e).bind(this)}
    onChange={() => this.filterFunction(filteredSections)}
/>
</div>
<div>
    {filteredSections.map(section =><othersection customization={section} } }
</div>
)
}

les attentes devraient être l'événement d'onchange doit être appelé à la fois les fonctions.

9
sai

si vous avez besoin d'accessoires, vous pouvez l'utiliser

<FormControl
    name="searching"
    placeholder="Searching"
    onChange={e => { this.functionOne(e); this.props.functionTwo(e)}
/>
1
soodeh