程序员小刘

通过以上步骤，你的 React 组件就可以使用全屏组件并进行操作了。点击按钮时，将会切换全屏状态，并在全屏状态下显示 “Fullscreen Content”。需要在使用的地方导入 config 配置，这样能实现自动切换。函数会在按钮点击时切换全屏状态。config 中配置 切换语言。key 值保持一致，否则不会生效。返回的钩子，以便控制全屏状态。文件夹，以存放国际化相关配置。来完成语言配置的数据注入。

【代码】8. 分类功能实战。

【代码】第七章:婴变-React字典功能实战

工具可以发布公告、通知等消息 ， 可查看公告是否已读，可指定用户去发布公告。

在 api 文件下 新建 api 文件夹 创建 login.ts 文件。参考上节的表格 查询，下方都是一样的逻辑，差异点在于开关切换组件。

在这里找到我们的 Table 表格，来完成我们的商品功能实战，下面我们会学到。

接下来我们以上面的面板 为例，完成面板的初步搭建，首先可以看到的是 4个卡片 ，在一行显示，卡片中存在 对应的数值 进行渲染。首页大盘通常用来统计 用户的数据，能够一进入系统可以直观的看出 系统目前的用户量级。我们通过 flex 布局可以看到四个卡片就在一行显示了。● 新建一个 Dashboard.tsx 文件。导入 ·echats 后创建 曲线图表。下方是一些常见 首页大盘面板展示。配置tsconfig.json。

├── public├── src具体介绍yarn.lock 项目依赖的安装包、会在这里进行限制、（我们不要动它）README.md 项目的说明文件、这里文件你可以自己删除掉，通过markdow的语法来编写自己的内容。

了解什么是React以及它的特点React是什么一个专注于构建用户界面的 JavaScript 库，和vue和angular并称前端三大框架，不夸张的说，react引领了很多新思想，世界范围内是最流行的js前端框架，最新版本已经到了18，加入了许多很棒的新特性React英文文档（https://reactjs.org/）React中文文档 （https://zh-hans.reactjs.org/）React新文档（https://beta.reactjs.org/）（开发中…）