Call 2 functions within onChange event
If you want inline solution, you can do something like this:
<input type="text" value={this.state.text} onInput={this.props.onChange} onChange={this.props.handleChange} />
Difference between onInput and onChage is here:
Difference between "change" and "input" event for an `input` element
function(e) {this.props.onChange(e); this.handleChange(e)}.bind(this)
You might not need .bind(this)
, but I suspect you will.
This will create a new function on each render, so it'd be better in certain respects to have that function be a component method, but this should work.
You can do it by putting the two functions in double quotes:
<input type="text" value={this.state.text} onChange="this.props.onChange(); this.handleChange();" />
This should work. But it would be better if you call the second function within the first one:
function testFunction() {
onChange();
handleChange();
}