antd组件库封装23-配置react开发环境
2023-03-16
156
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
antd组件库封装23-配置react开发环境
目录
相关文章
|
9天前
|
前端开发
|
6月前
|
前端开发
react使用antd中的Checkbox实现多选
在React项目中，通过Ant Design的Checkbox组件实现多选。引入Checkbox，使用Checkbox.Group来管理Checkbox，设置`value`属性绑定选中项数组，通过`onChange`更新数组。维护一个全选状态，根据选中项数量与总数决定全选按钮状态。全选按钮的`onChange`事件用于控制所有Checkbox的选中状态。
272
1
1
|
6月前
|
前端开发
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径，设置组件props的默认值，以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例，包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。
134
1
1
|
5月前
|
前端开发
|
6月前
|
前端开发
JavaScript
区块链
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总
本文介绍了多个React开发中常见的问题及其解决方案，包括但不限于：1）`useForm`实例未连接到任何`Form`元素的警告及解决方法；2）监听页面滚动事件的实现方式；3）React 18与antd 5.8.6中定制主题的方法；4）React结合antd 4.x版本自定义主题色的步骤；5）解决`ResizeObserver loop`相关报错的技巧；6）处理React设计表单时遇到的CDN资源加载失败问题；7）解决onClick事件传参问题；8）修复类型错误等。每部分均提供详细分析与实用代码示例，帮助开发者快速定位并解决问题。
104
3
3
|
6月前
|
前端开发
计算机视觉
React使用antd实现可编辑单元格
React结合Ant Design实现可编辑单元格的表格组件，通过EditableRow和EditableCell封装实现单元格编辑功能，并提供saveFun回调保存编辑内容。
222
1
1
|
6月前
|
前端开发
React按需加载antd步骤以及出现的问题
在使用`babel-plugin-import`插件时，可以在项目的根目录创建`.babelrc`文件或在`package.json`中添加babel配置。这两个文件中不应该存在重复的配置。如果出现"Multiple configuration files found"错误，需要选择其中一个文件进行配置，并删除另一个文件中的babel配置。使用该插件后，可以直接从`antd`引入组件，无需手动引入样式文件。
133
1
1
|
6月前
|
前端开发
数据安全/隐私保护
react antd 实现修改密码（原密码，新密码，再次输入新密码，新密码增加正则复杂度校验）
文章介绍了如何在React项目中使用Ant Design实现一个修改密码的组件，包括原密码、新密码和再次输入新密码的表单项，并为新密码增加了正则表达式复杂度校验。
138
0
0
|
6月前
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件，包括参数和方法，如行选择（rowSelection）、页码（pageNum）、页面大小（pageSize）、分页方法等，以简化在不同表格组件中的重复代码。
118
0
0
|
监控
前端开发
JavaScript
热门文章
最新文章
1
React 音频播放器组件 Audio Player
2
Flame：开源AI设计图转代码模型！生成React组件，精准还原UI+动态交互效果
3
React 音频播放器组件 Audio Player
4
React 音频上传组件 Audio Upload
5
如何在React Router中定义404错误页面组件？
6
在 React 中使用高阶组件时，如何避免命名冲突？
7
React音频播放控制组件开发深度解析
8
React 音频预览组件：Audio Preview
9
React 视频播放控制组件 Video Controls
10
React音频进度条组件开发全攻略
1
如何在React.js中使用Shadcn/UI
80
2
react js 处理表单（ form ）的2个例子
59
3
深入理解React.js的五大优点及其对前端开发的影响
223
4
深入理解React.js的两大优点及其对前端开发的影响
77
5
如何学习React.js？
105
6
【React】React原理面试题集锦
186
7
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
146
8
【React】Hooks面试题集锦
306
9
react保姆级搭建新项目
152
10
使用React、TypeScript和Ant Design构建现代化前端应用
257