如何在React中使用MgtTeamsChannelPicker? [英] How to use MgtTeamsChannelPicker in React?

问题描述

我导入了所有必需的库.

I imported all necessary libs.

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

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

put tag MgtTeamsChannelPicker into my render section

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

比我得到一个错误.

than i got an error.

推荐答案

由于react如何处理自定义元素，因此必须以不同的方式引用它们.另外，您也可以在这里使用我们的包装器:

Due to how react handles custom elements, they must be referenced differently. Alternatively you can use our wrapper here:

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

这将使您可以通过以下方式引用该组件:

which will allow you to reference the component in the following way:

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

快速说明:React组件的名称在PascalCase中，不包含Mgt前缀

这篇关于如何在React中使用MgtTeamsChannelPicker?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！