antd 表格穿梭框动态数据渲染的问题

Question

需求大概是这样的：要做一个类似Select、Table、Transfer这样的多选组件，可以多选，可以回显，也可以取消某个选项。

问题描述：
1、一开始想用Table来做，后来发现不太好，因为数据是从后端分页取的，前端也是通过表格分页展示的，所以就会有这样的问题：用户再次进入这个页面的时候之前选择的数据是需要回显的，然后如果其中有一个数据不想选上了，想取消，这个时候还需要从分页里去找，就有点不方便
2、然后想着用TableTansfer组件，因为正好选中的数据可以集中添加到穿梭框右边，方便用户取消操作，但是看了看官网的例子，好像需要一次性从后端获取所有的数据才好操作，如果还是通过分页从后端取数据的话，整个数据操作逻辑还是比较复杂或者麻烦

不知道有没有更好的解决方案，对antd目前还不太熟悉。目前所有的数据200多条，倒不是特多，就是怕数据多了不得不分页。

Answer 1

所以为什么不直接用 选择器 Select 搭配 多选 以及 搜索 功能，只是每次回填的時候需要提前查询好已选的item 项。

如果选择一次查询出所有数据，那么用那种形式都无所谓了，都可以实现。
如果不想一次都查询出来，可以用 可选表格 和 选择器。

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。