
ant-design-pro
John.liu_Test
生命源于奋斗,奋斗源于激情,激情源于兴趣
展开
-
antdesignpro组件protable实现根据某行某列的值改变整行颜色等样式
具体实现,使用protable的属性,自定义一个css样式bg-red,然后用rowClassName可以根据逻辑return出来这个css类即可。原创 2024-10-23 18:23:29 · 370 阅读 · 0 评论 -
Antd Table Pro框架Protable组件中rowSelection方法的一个坑
就一个点,非常坑,在你的protable组件里有个方法rowKey的值改为:{record => record.gnlkid}首先上截图看我遇到的问题跟你是否一样,全选了,还是提示就选了1个。注意gnlkid是你接口返回值中代表该行数据的唯一值,比如有些是id等等。原创 2023-04-06 15:47:58 · 859 阅读 · 0 评论 -
使用钩子函数useEffect实现动态下拉选项
---------------然后使用-----------------------------//使用接口返回值中的overdueValue属性作为原本的text:后面的值。//使用接口返回值的id做为 代替原本的0,1。title: '是否过期',//将拿到的返回值遍历。原创 2023-03-30 09:21:26 · 322 阅读 · 0 评论 -
antdesignpro实现调取USB摄像头拍照上传demo
react antdesignpro 实现调取摄像头拍照原创 2022-06-22 08:50:53 · 461 阅读 · 0 评论 -
react 权限控制方案实践
权限控制是项目中,特别是后台管理项目中比较常见的功能了结合实际的项目需求,讲讲在react中是如何实现权限控制的背景项目使用umi搭建 需求: 根据不同角色权限配置路由权限 根据不同权限控制页面显示效果 按钮显示隐藏 实现页面路由权限实现效果:无权限的用户没有该页面的入口:左侧菜单无入口,以及直接进入url提示无权限@umijs/plugin-accesshttps://umijs.org/zh-CN/plugi...配合@umijs/plugin-access转载 2022-05-16 18:25:11 · 3946 阅读 · 0 评论 -
ant-design-pro实现请求后台接口下载excel功能的demo
<Button key="out" // onClick={this.downloadFile} onClick={async () => { const values = searchConfig?.form?.getFieldsValue(); const res = await exportExcel(values); console.log(res); const blob = new Blob([res],{ type: 'applicat.原创 2022-04-30 19:40:03 · 430 阅读 · 0 评论