如何在 React 中使用 MgtTeamsChannelPicker？

Question

我导入了所有必要的库。

import "@microsoft/mgt";
import "@microsoft/teams-js"

将标记 MgtTeamsChannelPicker 放入我的渲染部分

render() {
  return (
    <MgtTeamsChannelPicker></MgtTeamsChannelPicker>    
  );
}

比我得到一个错误。

Answer 1

由于 React 处理自定义元素的方式不同，因此必须以不同方式引用它们。或者，您可以在此处使用我们的包装器：

https://github.com/nmetulev/mgt-react

这将允许您以下列方式引用该组件：

import { TeamsChannelPicker } from 'mgt-react';
<TeamsChannelPicker></TeamsChannelPicker>

快速注意：React 组件的名称采用 PascalCase，不包括 Mgt 前缀