在 React Select 组件中,可以通过设置 loadOptions
属性来异步加载选项。为了避免默认选项被加载,可以将该属性设置为一个空函数或者返回一个空数组。
示例代码:
import React, { useState } from "react";
import Select from "react-select";
const loadOptions = inputValue => {
// 在此异步加载选项
};
const MySelect = () => {
const [selectedOption, setSelectedOption] = useState(null);
return (
);
};
export default MySelect;
在上述代码中,我们将 loadOptions
设置为一个函数,该函数不返回任何选项,从而避免了默认选项的加载。在实际的应用中,可以根据需求在 loadOptions
函数中异步加载选项,并将它们作为数组返回。