web-dev-qa-db-ja.com

ReactでOnChangeイベント内で2つの関数を呼び出します

Reactで動的に検索機能のためのonchangeイベントを持つ2つの機能を呼び出しようとしています。最初の関数では、値と2番目の関数の状態を設定していて、値を呼び出して機能を実行します。

私は2つの関数を同時に呼び出すことができませんでした。このサンプルコードでMock JSONを追加していません。

 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>
)
}
 _

期待されるものはonchangeイベントである必要がありますイベントは両方の機能を呼び出す必要があります。

javascriptreactjsonchange
9
sai

小道具が必要な場合は、使用できます

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