reactjs - “react-native”中“React”的“Asyncselect”有什么替代方法吗？

问题描述

我是 React-native 的新手，并且因为我仍在探索其中的选项而陷入了一个问题。我当前的问题是，我需要显示一个可搜索的下拉列表，它将显示前五个项目，并且它将来自一个 api，并且顶部有一个搜索字段。当用户在搜索字段中键入数据时，下拉列表将通过调用异步 api 开始搜索并获取数据并显示在同一个下拉列表中。反应原生有可能吗？在反应中，可以使用“react-select/async”包来完成。下面是反应代码：反应：

async getOptions(inputValue, callback) {
    
    if (!inputValue) {
      return callback([]);
    }
    const response = await fetch(
      `${this.state... }?search=${inputValue}&limit=${
        this.state...
      }`
    );
    const json = await response.json();
    return callback(json.results);
  }

<AsyncSelect
        cacheOptions
        defaultOptions
        value={selectedValue}
        getOptionLabel={e => e.title}
        getOptionValue={e => e.id}
        loadOptions={getOptions}
        onInputChange={handleInputChange}
        onChange={handleChange}
      />

有一个 loadOptions 参数，它是一个回调函数，它通过调用异步函数返回数据。

我们可以在 react-native 中做同样的事情，或者我们可以使用哪个替代方案。？

我是 react-native 的新手，任何帮助将不胜感激。

提前致谢。

标签： reactjsreact-native

reactjs - “react-native”中“React”的“Asyncselect”有什么替代方法吗？

问题描述

解决方案

推荐阅读