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.
si vous avez besoin d'accessoires, vous pouvez l'utiliser
<FormControl
name="searching"
placeholder="Searching"
onChange={e => { this.functionOne(e); this.props.functionTwo(e)}
/>