m0_67011584的博客

(1) 配置文件@utils/fetch(2) 在组件中应用。

manifest.json — 该文件是一个套壳的配置文件，当我们的项目需要在手机端运行时，就需要在这个文件里面进行配置。store — 保存应用的状态并提供一些帮助方法来存取状态，分发状态以及注册监听。reducer — 获得这个应用的当前状态和事件然后返回一个新状态的函数。components. — 页面组件抽离的模块(按需创建)index.less — 页面文件样式(按需创建)index.tsx. — 页面文件(必须)index.html — 项目的入口文件。

来管理 node 版本(建议找一篇关于`nvm下载安装`的相关博客自行安装)umi官网会自动帮我们生成框架。// 下载指定版本node。// 检查当前node版本。1. 找个地方建个空目录。2. 通过官方工具创建项目。3. 安装 pnpm。// 全局安装pnpm。// 查看pnpm版本。// 检查nvm版本。2. 安装 node。// 切换到指定版本。// 查看当前镜像源。// 切换淘宝镜像源。

yarn create react-app my-app --template typescript 创建React-typescript脚手架。yarn create react-app my-app 创建React脚手架。postcss-px-to-viewport-8-plugin 页面vw适配。在根目录下创建craco.config.js文件，文件内容如下。首先在根目录下创建router.tsx文件，文件内容如下。在App.jsx文件,引入Outlet标签。react-router-dom 路由。

思路：通过react-activation实现页面缓存，通过umi-plugin-keep-alive将react-activation注入umi框架，封装页签组件最后通过路由的wrappers属性引入页面。浏览本博客之前先看一下我的博客实现的功能是否满足需求，实现功能：- 页面缓存- 关闭当前页- 鼠标右键>关闭当前- 鼠标右键>关闭其他- 鼠标右键>关闭左侧- 鼠标右键>关闭右侧- 鼠标右键>全部关闭(默认跳转到首页)- 鼠标右键>重新加载(刷新缓存页面)

默认信息窗体封装了关闭按钮，使用 API 默认的信息窗体样式，这个时候只需要对 InfoWindow 设定 content 属性即可，content 可以是 dom 对象，也可以是 html 识别的字符串。在参考本示例之前，需要注意的是，高德地图服务平台 - Web端(JS API)已经无法满足我们需求了，我们需要使用服务平台 - Web服务。进入应用管理，创建新应用，新应用中添加 key，服务平台选择 Web端(JS API)。在项目中新建 MapContainer.css 文件，用作地图组件样式。

/ 开启默认高亮效果// 开启并设置高亮颜色为红色zIndex: 4, // 设置显示层级}).size(2)// 设置点击生效});});

pnpm install @types/react-codemirror@1.0.8 // ts项目。方法1: 在根目录创建declaration.d.ts文件 ，添加以下代码。方法2: 安装ts依赖(推荐)

【代码】AntV-G6 项目中的应用。

图片上传需要借助braft-utils插件value?: string;onChange?width?height?//表单提交的时候需要把数据通过toHTML()方法处理一下value,onChange,// 在这里调用图片上传接口onChange(?null),!},],),

这是我配合antd封装的编辑器组件，可以适用于表单元素，也可以独立使用。在config.ts或者.umirc.ts中配置以下代码。

行号单击的事件处理程序。

封装组件要考虑接收数据、元素id唯一、盒子宽高等因素，可以通过组件等props接收。