Mgt People Picker组件group-ids属性多组ID失效，单组ID正常

问题根源 #

Mgt People Picker的group-id属性不支持直接传入逗号分隔的字符串，它要求的是数组类型的组ID集合。单个组ID字符串能正常生效，是因为组件会自动将其转换为单元素数组；但多ID字符串不会被解析，导致组件无法正确匹配目标组内的用户，最终弹出Sorry, no people were found提示，甚至 fallback 拉取所有用户。

修复方法 #

把逗号分隔的组ID字符串拆分成数组，再绑定到组件的group-id属性上：

原生JavaScript实现示例

// 原始组ID字符串
const groupids = '0ab449e7-5d06-4f8c-9bb0-de87e7f3f684,fae2d5ac-a9f6-42c2-9a4c-20143e49b21b';
// 分割为数组
const groupIdArray = groupids.split(',');
// 给组件设置属性
const peoplePicker = document.querySelector('mgt-people-picker');
peoplePicker.groupId = groupIdArray;

React框架绑定示例

const groupids = '0ab449e7-5d06-4f8c-9bb0-de87e7f3f684,fae2d5ac-a9f6-42c2-9a4c-20143e49b21b';
const groupIdArray = groupids.split(',');

return <mgt-people-picker group-id={groupIdArray}></mgt-people-picker>;

注意事项 #

• 确保组件最终接收的group-id是数组类型，而非字符串
• 检查组ID格式是否正确，避免包含多余空格或无效字符

内容的提问来源于stack exchange，提问作者Bharati Seelam