reactjs - 如何在 React 中的所有映射上方的选择框中添加一些选项？

Question

我想在 我现有的选择框中添加一个All Option。选择框正在使用一些 API 数据创建。对于 API 数据集，我想在上面添加一个ALL选项。

这是我的代码。

const useChemicals = () => {
const [data, setData]: any = useState([]);
useEffect(() => {
const getChemicalsData = async () => {
  try {
    const results = await searchApi.requestChemicalsList();
   
    if (results.data) {         
      let groupCount = 0;
      const chemList: any = [];     
          
      results.data.data.chemicals.map((chemical: any, index: number) => {   
        if (chemical.key === '') {
          chemList.push({
            label: chemical.value,
            options: [],
          });
        }
      });
       
      results.data.data.chemicals.map((chemical: any, index: number) => {
        
        if (chemical.key === '') {
          if (index > 1) {
            groupCount += 1;
          }
        } else {
          chemList[groupCount].options.push({
            label: chemical.value,
            value: chemical.key,
          });
        }
      });
      
      setData([...chemList]);
    }
  } catch (e) {}
};
getChemicalsData();
}, []);
return data && data;
};
export default useChemicals;

我该如何添加这个。请帮助我，我是 React 新手。

标签： reactjs