如何将TextInput组件的“清除”按钮

Question

我在codeLocation = {some commands} os.system("cd " + Path + r" && git log origin/main > " + codeLocation + "\log.txt") react-native-testing-library组件上使用react-native-elements。该组件在编辑时显示清除按钮。

我如何点击清除按钮以测试副作用？

这不起作用：

Input

Answer 1

您可以使用clear option。

handleSearchClear = () => {
this.setState({ query: "" })
}
....
<Input

  placeholder='BASIC INPUT'
  onClear={this.handleSearchClear}
  value={this.state.query}
/>

或者您可以使用ref

this.input.clear();
...
<Input

  placeholder='BASIC INPUT'
  ref={ref => {this.input = ref;}}
  value={this.state.query}
/>