有问题 ! 请留言 !

ant design pro 详情页面包屑保持路由层级并显示，菜单不显示新项目中使用antd-pro框架，所以接下来会写一些关于antd-pro的踩坑详情页（修改页/添加页）和列表页在路由层级上通常是处在同一层的，这样可以渲染在同一位置，但是在面包屑的展示上给用户的感觉是详情页应该在列表页的下面,在antd-pro项目中并没有直接的方法，所以需要对menu.js文件做一下修改，下面是实现：...

React接收excel文件下载导出功能封装因为最近项目又需求要导出excel,所以封装了这部分的功能,对fetch的封装做了修改,使之后的调用导出功能更为方便首先这个项目请求是对fetch进行过封装的 ,如果对fetch有了解的话,我们知道fetch种response返回的是一个实现了Body接口的对象, 所以可以使用Body接口中的方法 json()处理json,blob ()处理成...

Component vs PureComponent的理解以及性能优化因为现在很多组件常继承PureComponent,虽然两者都可以用来继承一个组件类但是,他们之间是有区别的,PureComponent是对Component的性能优化,下面就来详细写下为什么Component比较两者之前我们要先了解两者的渲染时机,Component在 state改变,props改变,调用this.s...

在使用ant design过程中发现,当再Modal中使用时,浮动的下拉菜单时间选择菜单等不随Modal的滚动而一起滚动,有时候会被部分遮挡.这是因为浮动层都是默认以body定位的,而Modal层滚动的时候body整体页面并没有滚动,所以导致浮动层不会跟随滚动. 解决方法就是使用Select中的getPopupContainer和DatePicker中的getCalendarContainer属...

ant design/react 利用setTimeout解决表单还未加载,动态校验的问题在写项目中出现一个问题,在表单中用一个A控件控制另一个B控件显示隐藏,当A控件切换的时候,同时校验B控件,这时候会出现B控件内就算有初始值也会检验报错, 因为当校验代码执行的时候,B控件还没有加载出来,因为两个操作都在同一个eventloop里.handleVisible() { this.set...

antd的表单校验有很多预设规则,类型如下string: Must be of type string. This is the default type.number: Must be of type number.boolean: Must be of type boolean.method: Must be of type function.regexp: Must be an ...

一般遇到表单回显的问题的时候,会使用initialValue设置初始值 {form.getFieldDecorator('name', {initialValue:current.name})(<Input placeholder="请输入姓名" />)}但是发现动态加载的Option选项的Select,无法选中指定项,而是直接显示绑定的值,检测得到Option中的key必须是...

dva中effect内调用另一个effect的,实现put阻塞式调用的方法在项目中通常会有在一个effect中调用另一个effect的需求,实现方法就是直接使用put *a({ payload}, {put, call,take}) { try { console.log(a) yield put({type: 'b',payload: {}}...

因为项目种常查看大图预览的需求，如果是自己写的用模态框写的查看大图，只是简单看看还可以，如果需要旋转，放大缩小，反转等等操作，就会很麻烦。也看过很多用来查看大图的插件，viewer真的是功能最为全面的，而且在各个框架中均有对应的封装插件，使用起来也很方便，所以这里写一下各个框架内viewer的使用方法。下面之说直接使用的方法，具体细节的options可以查看文档,下面也有文档连接Viewe...

因为ant design没有默认的蒙层插件，只有图片上传的头像上传类型存在悬浮显示蒙层的样式，所以我单独写了一个，悬浮显示蒙层用来操作的，很多场景都可以用到，这里记下来。原来样式：鼠标悬停样式：下面是写法：//jsx部分 <div className={ styles.info}> <span className={styles.actions}&g...

ant design 表单数字校验失效问题ant design 的表单字段校验有很多细致得了类型校验， 就是用rule内的type属性设置的其中的值有：string: Must be of type string. This is the default type.number: Must be of type number.boolean: Must be of type boolea...

ant design pro 修改request请求方法，修改为符合实际业务接口请求的数据处理方式ant design pro中对fetch进行了封装处理，写在utils/request.js，但是与我们通常的接口格式的处理并不适配，我们业务出现的错误代码并不会直接放在网络层，而是放在json中，所以需要做一些修改原本写法在ant design pro的项目中，原本的请求处理中可以看出，...

antd-pro中loading状态的dva-loading使用新项目中使用antd-pro框架，所以接下来会写一些关于antd-pro的踩坑传统写loading状态的方法是，在异步请求的开始的时候开启loading，在异步请求的结束关闭loading，这样的写法是比较麻烦的，因为这一部分的操作都是比较一致的，在ant Design pro中就直接用了dva-loading插件，封装的很...

Ant Design的表单onChange踩坑新项目中使用antd-pro框架，所以接下来会写一些关于antd-pro的踩坑在写项目中，中有一个需求是在某个表单元素变化时，出发表单提交，但是发现一个问题是，将方法绑定onChange的时候发现此时通过表单方法获取的值还没有更新，不知道这个属于一个bug，还是在这个阶段本来就没有变更表单的values ，所以我是在onChange绑定的方法中手动...

react Context/Provider/Consumer传参使用react context这个api很少用到,所以一直不太清楚如何使用,最近在看antd的项目源码时,发现在组件中有类似Template.Comsumer的写法,一时没反应过来,本着碰到不懂得都要追根究底的原则,下面好好学习一下,Context这个api的使用Context作用上下文(Context) 提供了一种通过...