ant-design/components/transfer/index.md

Transfer

• category: Components
• chinese: 穿梭框
• type: 表单
• cols: 1

---

双栏选择框

何时使用

当需要从一个数据源中筛选数据时可使用穿梭框更方便地操作数据。

API

Transfer

参数	说明	类型	默认值
dataSource	数据源	Array	[]
render	每行数据渲染函数	Function(record)
targetKeys	显示在右侧框数据的key集合	Array	[]
onChange	变化时回调函数	Function(newTargetKeys)
listStyle	两个穿梭框的自定义样式	Object
className	自定义类	String
titles	标题集合,顺序从左至右	Array	['源列表', '目的列表']
operations	操作文案集合,顺序从上至下	Array	[]
showSearch	是否显示搜索框	Boolean	false
searchPlaceholder	搜索框的默认值	String	请输入搜索的内容
footer	底部渲染函数	Function(props)