0

clipboard.png

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

2 个回答
0

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

0

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

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

撰写答案

推广链接