无法使用 Select.Async 加载选项

Question

我无法让带有异步选项加载的基本应用程序正常工作。 getOptions 函数被调用，但 select 控件不显示它们。这是代码和 Plunkr link https://plnkr.co/edit/vKZXhjQRhDWflMQpt8b5?p=preview

var options = [
    { value: 'one', label: 'One' },
    { value: 'two', label: 'Two' }
];

function logChange(val) {
    console.log("Selected: " + JSON.stringify(val));
}

function getOptions(input) {
  console.log(input)
  return Promise.resolve(options)
}

ReactDOM.render(
  <Select.Async
    name="form-field-name"
    value="one"
    loadOptions={getOptions}
    onChange={logChange}
  />,
  document.getElementById('example')
);

Answer 1

我相信您需要做的就是 return { options: yourDataArray } 而不是 yourDataArray。

例如，在您的代码中，return Promise.resolve(options) 应更改为 return Promise.resolve({options})

希望对您有所帮助。

无法使用 Select.Async 加载选项

Can't load options with Select.Async

react-select