ProTable组件中下拉框实现后端查询显示

组件地址：https://procomponents.ant.design/components/table?current=1&pageSize=5

这是一个蚂蚁开发的，基于REACT的前端组件库ANTD的再封装版本。非常好用。在业务中遇到了下拉框需要从后台查询结果自定义的需求，由于这个组件库将所有表格元素包括查询框都集成到一起了，所以一开始用到这种精细定制会有点蒙。做完之后会发现其实非常简单。废话不多说

首先肯定要查出来，这个就不赘述了

这是我的查询结果，是一个JSON传来的，一个ARRAY。

const devs = {};

res1 =  await queryDevType(params);
  res1.forEach((item) =>{
    devs[item.devtype] = item.devtypeName;
    debugger
  });

然后像这样，使用foreach往devs里放就行了。。

我一开始声明的格式是React.ReactNode[]，然后挨个往里PUSH。。会出现BUG，无法实现，很蠢。