Clear function on TextInput does not call onChange

Description

When calling clear function on TextInput, it does not call onChange or onChangeText method.

Reproduction Steps and Sample Code

https://snack.expo.io/ry1B5ZR2g

Solution

What needs to be done to address this issue? Ideally, provide a pull request with a fix.

Additional Information

• React Native version: 0.42.0
• Platform: both
• Development Operating System: Mac

[hoangpham95]

I would suggest you change your code to

<Button title="button" onPress={this.clearInput.bind(this)} />
        <TextInput
          ref={(ref) => {this.textInputRef = ref}}
          value={this.state.inputValue}
          onChangeText={this._handleTextChange.bind(this)}
          style={{ width: 200, height: 44, padding: 8 }}
        />

[charlesrollin]

If anyone is still looking for an answer to this, putting the onChangeText function outside of the JSX (eg. this.onChangeText), then calling it with an empty string after a clear seems to work (RN 0.54.1).

class MyComponent extends React.Component {
  textInputRef;

  onChangeText = (newText) => {
    // insert your logic here
  }

  clearInput = () => {
    this.textInputRef.clear();
    this.onChangeText('');
  }

  render = () => {
    return (
      <TextInput 
        onChangeText={this.onChangeText}
        ref={comp => { this.textInputRef = comp; }}
      />
    );
  }
}