前端资源网 - w3h5ReferenceError: React is not defined
1Deshun 发布于 1年前 (2023-02-01) 1136℃ 评论(0) 赞 (0)
之前的一个项目报错 ReferenceError: React is not defined ，如下图：点进去可以看到，组件中创建元素的时候报错，找不到 React 。解决方法：如果使用的是 Babel 和 React 17，需要添加“运行时”配置，在 .babelrc 配置文件...
JavaScript
分类将整理JavaScript的最新标准ECMAScript和其衍生语言TypeScript的特性和用法。涉及JavaScript在前端开发中的应用，包括Vue/React/Angular等流行的前端框架等。
React 组件库 CSS 样式问题分析
1Deshun 发布于 1年前 (2022-12-09) 1082℃ 评论(0) 赞 (1)
首先分享一篇网易云音乐技术团队整理的一篇文章 React 组件库 CSS 样式方案分析目前存在的问题：1. antd 样式被重复引用，打包时被重复编译进 css 文件，造成代码冗余。2. 组件自定义样式没有通过类名区分，导致页面中使用多个组件时样式污染。关于 CSS 样...
Ant Design Form组件onFinish无法获取Checkbox和Radio的值
3Deshun 发布于 1年前 (2022-11-18) 1047℃ 评论(0) 赞 (1)
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值，代码：<Form.Item label="类型" name="allDay...
Ant Design Pro项目请求接口报错：enable Javascript 解决
4Deshun 发布于 1年前 (2022-11-14) 1626℃ 评论(0) 赞 (1)
Ant Design Pro项目请求接口时报错：Hi there! Please enable Javascript in your browser to use Ant Design,...
ant design ProLayout出现两个重复header的问题解决
Deshun 发布于 2年前 (2022-09-29) 944℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...
升级umi4微应用（qiankun）白屏问题解决
1Deshun 发布于 2年前 (2022-09-22) 1293℃ 评论(0) 赞 (3)
哎，对阿里的产品简直无语，升级 umi4 后一堆报错，好容易逐个攻破，跑起来了，可以看下我昨天整理的文章：umi3升级umi4报错问题汇总，附解决方法现在又发现之前配置的乾坤（qiankun）微应用白屏， root 标签为空。找了半天，原来是 umi4 的路由配置里做了微小的修改...
umi3升级umi4报错问题汇总，附解决方法
Deshun 发布于 2年前 (2022-09-19) 5089℃ 评论(0) 赞 (5)
Umi v3 升级 Umi v4 遇到一系列问题，整理汇总了一下：yarn start 报错：fatal - TypeError: api.modifyBabelOpts is not a function at inspectorPlugin (...\no...
ag-grid设置选中单行多行及获取选中行数据
Deshun 发布于 2年前 (2022-09-09) 988℃ 评论(0) 赞 (4)
ag-Grid 是比较实用的数据表格组件，最近接触到了相关的项目，简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型，设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = { headerHeight:&...
Umi4获取不到props，默认为空对象
1Deshun 发布于 2年前 (2022-08-29) 1456℃ 评论(0) 赞 (1)
升级到 Umi4 后，有同事和我反映，之前的一些组件不能用了，获取不到 props ，props 是空对象。Umi4 在代码层做了修改，将 react-router@5 升级到 react-router@6，所以路由相关的一些 api 存在着使用上的...
ExcelJS导出Ant Design Table数据为Excel文件
2Deshun 发布于 2年前 (2022-07-26) 1112℃ 评论(0) 赞 (1)
我们的项目中需要导出 Excel 的需求还是挺多的，找了一个处理导出 Excel 的库 ExcelJS ，npm包。可以满足（但不限于）以下需求：简单表格导出为表格添加样式（更改背景色、更换字体、字号、颜色）设置行高、列宽解析 ant-design 的 Table 直接...