移动设备中未触发Microsoft Graph Toolkit PeoplePicker onChange事件

Question

我们在团队个人选项卡中使用PeoplePicker，我们可以在桌面和浏览器中触发onChange事件，但不能在团队移动应用程序中触发。我们在模态组件中呈现PeoplePicker(所有组件都是Fluent UI react组件(。

Answer 1

我在Teams IOS移动客户端中尝试了PeoplePicker selectionChanged事件，它运行良好。

以下是代码片段：

const handleInputChange = (e) => {
this.setState({
selectedPeople: e.target.selectedPeople
});
...
}
...
<div className="people-picker-area">
<PeoplePicker selectionChanged={handleInputChange} placeholder="Typing name to select people to view contact info"></PeoplePicker>
</div>

我们有一个在团队内部使用PeoplePicker的示例项目Tab项目，您可以在这里参考：

https://github.com/OfficeDev/TeamsFx-Samples/tree/v2/graph-toolkit-contact-exporter

只需在VSCode中安装teams工具包扩展，打开示例项目，然后单击F5按钮，就可以预览此示例。

如果您想在移动客户端内尝试此示例，只需运行provision并部署命令，就可以在移动客户端中访问此示例项目。