react
斑斓 小星愿
这个作者很懒,什么都没留下…
展开
-
在ant design pro项目中引入iconfont图标
在做react的项目时 引入了ant design组件库,由于组件库的图标 有限,想在项目中引入更多的图标,查了半天终于找到了解决办法。解决办法进入阿里巴巴图标库网站 登录选择自己需要的图标,加入购物车。点击选择之后的购物车,选择添加至项目,如果没有项目,可以新建。下载图标至本地,解压文件,找到iconfont.js文件。将iconfont.js文件放入 utils文件夹中。在...原创 2019-11-07 16:28:50 · 6161 阅读 · 3 评论 -
ant design的Select下拉选择器 带搜索功能
在做项目的过程中,可能会遇到 下拉框内容较多,为了方便用户选择加入检索功能。用法利用ant design 中的select选择器完成此功能。首先 要获取下拉选择内容数据,和普通下拉选的数据结构一致,数组对象 键值对。然后把数据渲染到选择器中,我在项目中 遇到的是数据较多,但是为了防止数据下拉较长,后端返回数据做了类似分页处理,每次返回10条数据,那在获取初始数据时其实就获取了十条数据。把...原创 2019-11-05 11:50:16 · 20695 阅读 · 9 评论 -
ant design pro 跳转新页面 修改功能
ant design pro 修改功能跳转新页面背景例子页面跳转背景在官方提供的例子中 是以弹窗的形式做的修改和新增,在项目中如果遇到 采集项数较多,会在修改页面添加别的功能的情况下 弹窗满足不了此需求了。例子页面跳转先说修改页面吧, 需要在路由配置此页面路由,修改页面会带着此条数据中的唯一标识id。 // 这是列表页的路由配置 { path: '/pages/data-tab...原创 2019-11-04 15:03:00 · 6144 阅读 · 2 评论 -
ant design pro 开发总结
ant design pro 开发总结、一介绍写在前面脚手架下载前端请求流程例子介绍ant design pro 是一套基于 React 的中后台管理控制台的脚手架,它可以帮助你快速搭建企业级中后台产品原型。写在前面你的本地环境需要安装 yarn、node 和 git。技术栈是基于 ES2015+、React、UmiJS、dva、 和 antd,提前了解和学习这些知识会非常有帮助。脚手架...原创 2019-11-04 11:40:50 · 1087 阅读 · 1 评论