ReactNative TextInput 更改非动态获取数据

Question

当我在 <Button> onPress 中调用它时，我的搜索提取运行良好，但在这里在键入文本时调用 fetch 无法完全正常工作。例如，当我输入 app 时，我会看到 apricot 和 apple 的结果。第三次字符更改 (app) 触发第二次获取，而不是第三次，这导致显示不是 app 输入而是输入 ap 的结果。

searchChange = text => {
  this.setState({
    search: text,
  })
};


<TextInput
   placeholder="Food name or description..."
   returnKeyType="search"
   style={styles.textInput}
   onRef={r => {
     this.search = r;
   }}
   onChangeText={this.searchChange}
   onTextInput={() => { this.fetchData(search) }}
/>
      

Answer 1

您将 onChangeText 更改为： onChangeText={()=>this.searchChange()}