无法使用Select.Async加载选项

时间:2017-08-20 11:44:37

标签: react-select

我无法通过加载异步选项来获取基本应用程序。调用getOptions函数,但select控件不显示它们。这是代码和Plunkr链接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')
);

1 个答案:

答案 0 :(得分:0)

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

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

希望这有帮助。