Teams Tab App 代码深入浅出 - 配置页面

上一篇文章我们使用Teams Toolkit 来创建、运行 tab app。这篇文章我们深入来分析看一下tab app 的代码。

先打开代码目录，可以看到在 src 目录下有入口文件 index.tsx，然后在 components 目录下有更多的一些 tsx 文件，tsx 是 typescript的一种扩展文件，主要用于 react 开发。

我们打开 index.tsx，看一下代码。

import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App";
import "./index.css";
 
ReactDOM.render(<App />, document.getElementById("root"));

可以看到代码极其简单明了，就是一个 ，那我们就打开 App.tsx 看看。

import { Provider, teamsTheme } from "@fluentui/react-northstar";
import Privacy from "./Privacy";
import TermsOfUse from "./TermsOfUse";
import Tab from "./Tab";
import TabConfig from &#