摘要:
1、新增路由配置文件 routes.js import { lazy } from "react"; export default [ { path:'/admin', component:lazy(()=>import('./App.js')), }, ] 2、App.js 中使用路由 impor 阅读全文
摘要:
1、安装 yarn add react-activation react-router-config 2、路由懒加载 import { lazy } from "react"; { path: "/page", title: "page", expect: true, component: lazy 阅读全文
摘要:
react编写项目引入npm包打包时,总会将一些npm包重复打包的不同的js文件中,可以使用splitChunks 进行拆分,降低体积,加快速度 1、安装 npm install customize-cra webpack-bundle-analyzer 2、修改启动命令,在package.json 阅读全文
摘要:
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 阅读全文
摘要:
官方有以下注释: 当使用 rowSelection 时,请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key,当数据被删除时仍然保留选项的key。(删除一行表格数据需要手动删除选中的key值,否则原选中key数组值会保留删除的那个条数据的值) 具体用法 阅读全文
摘要:
1、新增一个组件 import React, { useEffect, useState } from "react"; import { DatePicker } from "antd"; import dayjs from "dayjs"; import timer from "../../ut 阅读全文
摘要:
字体文件压缩fontmin,大幅压缩字体文件 快速熟练fontmin的使用,只需要在代码中配置文章中需要用到的文字,可以大幅度缩减代码大小 安装 npm install fontmin 目录结构 src └─font └─*.ttf 生成目录 dist └─font └─*.ttf 命令 node 阅读全文
摘要:
node 发送 html 邮件 安装 npm install nodemailer 新建 html 文件 ① 新建 views 目录下面新增 index.html(当然也可以使用其它目录结构,下面的代码中可以更改) 代码 ① 新建 send.js,代码如下: //send.js var nodema 阅读全文
摘要:
1、安装xlsx npm install xlsx --save-dev 2、引入xlsx并封装读取excel方法 import * as XLSX from "xlsx"; /** * 读取excel内容 * @param {*} file * @returns */ export const r 阅读全文
摘要:
const onImportExcel = (file) => { return new Promise(async (resolve, reject) => { ... //要执行的语句 return reject(false); //加上这个就会阻止默认上传 }); }; <Upload nam 阅读全文