microsoft-teams - Microsoft Graph Toolkit PeoplePicker onChange 事件未在移动设备中触发

Question

我们在 Teams 个人选项卡中使用 PeoplePicker，我们能够在桌面和浏览器中触发 onChange 事件，但不能在 Teams 移动应用程序中触发。我们在 Modal 组件中渲染 PeoplePicker（都是 Fluent UI 反应组件）。

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，您可以在此处参考：

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

只需在您的 VSCode 中安装团队工具包扩展，打开示例项目，然后单击 F5 按钮，即可预览此示例。

如果您想在移动客户端中尝试此示例，只需运行配置和部署命令，然后您可以在移动客户端中访问此示例项目。