Transfer穿梭框选中项无法同步到父组件状态？

皇甫永莲提问于 2026-03-25 18:13:23 阅读 5

组件

我在用Ant Design的Transfer做权限分配，左边是所有角色，右边是已选角色。但当我移动选项时，父组件里的selectedKeys没更新，控制台也没报错，不知道是不是setState写错了？

我试过在onChange里直接打印targetKeys，能拿到最新值，但传给父组件后就卡住了。

const [selectedKeys, setSelectedKeys] = useState([]);

const handleChange = (nextTargetKeys, direction, moveKeys) => {
  setSelectedKeys(nextTargetKeys);
  // 父组件通过props传了onSelect回调，但这里没触发
};

return (
  <Transfer
    dataSource={roleList}
    targetKeys={selectedKeys}
    onChange={handleChange}
    render={item => item.title}
  />
);

导航组件

我来解答赞 0 收藏

反馈

暂无解答