反应 Select 异步

Question

我正在尝试使用 React Select 异步 (https://react-select.com/home#async) 有条件地传递选项，但没有成功。类似于：

AsyncSelect

关注 CodeSandbox link： CodeSandbox

请帮帮我好吗？

非常感谢您

Answer 1

根据文档 here 你需要 'defaultOptions' 和 'loadOptions' 期待一个承诺。

1. 添加defaultOptions和loadOptions={loadOptions}

   <AsyncSelect
      cacheOptions
      loadOptions={loadOptions}
      defaultOptions
      onInputChange={this.handleInputChange}
    />
   

2. 在loadOptions函数中添加条件

   const loadOptions = (inputValue, callback) => {
     setTimeout(() => {
       if (conditionally === 0) {
         callback(filterColors(inputValue));
       } else return {};
     }, 1000);
   };
   

Codesandbox