Antd 穿梭框(Transfer)内部为树结构 动态数据的使用方法
<Transfer
dataSource={transferDataSource}
targetKeys={targetKeys}
showSelectAll={false}
selectAllLabels={null}
className="tree-transfer"
operations={['添加','移除']}
listStyle={{
width: 300,
height: 500,
}}
render={item => item.title}
onChange={onchange}
>
{({ direction, onItemSelect, selectedKeys }) => {
if (direction === 'left') {
console.log(selectedKeys)
const checkedKeys = [...selectedKeys, ...targetKeys];
return (
<OgrTree
transferDataSource={transferDataSource}
checkedKeys={checkedKeys}
onCheck={(_, { node: { key } }) => {
onItemSelect(key, !isChecked(checkedKeys, key));
}}
/>
);
}
}}
</Transfer>