下拉框选择table怎么做？

Question

怎么样做出 图中的样子，问过好多人都没做过。
这个下拉框是可以搜索带加载的。

Answer 1

这种效果并不复杂，提个思路吧
1.做好排版（输入框，下拉列表的盒子【初始隐藏或者不加载】）
2.添加视觉交互效果（当输入框获得焦点展示或者加载列表盒子【每次展开可以添加loading效果】）
3.添加数据交互效果（根据输入的数据动态拉取列表数据【具体渲染交给diff】）
4.封装打包成轮子（方便后续维护和使用）

Answer 2

实现思路无非就是在你的option里面嵌套表格组件，注意就是选中表格行事件时，将选中一行的数据反馈给option。代码结构类似如下:

<Option value="jack">
  <Table dataSource={dataSource} columns={columns} />
</Option>