![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
慢半拍、
开始很重要,过好了才不用以后的人生去偿还
展开
-
Antd表单项rules行间自定义校验
Antdrules自定义校验表单原创 2021-11-03 16:38:40 · 3564 阅读 · 0 评论 -
Antd表单项将填写时的值转为小写
AntdForm.ItemgetValueFromEvent原创 2021-11-02 15:14:15 · 1438 阅读 · 0 评论 -
Dva的Effects接受的参数
dvaeffects原创 2021-10-09 11:37:46 · 1013 阅读 · 0 评论 -
umi项目菜单权限管理(access)
umi权限管理路由权限控制accessroutes原创 2021-10-08 16:40:06 · 6728 阅读 · 0 评论 -
使用jwt_decode破解后端返回的token
token解析jwt_decode原创 2021-10-08 16:17:06 · 1211 阅读 · 1 评论 -
umi使用plugin-request进行请求的全局配置
requestInterceptorsresponseInterceptorsrequestumi-request原创 2021-10-08 16:04:38 · 4687 阅读 · 0 评论 -
umi使用plugin-locale配置国际化(useIntl)
useIntlgetLocalesetLocaleSelectLang原创 2021-10-08 14:32:54 · 5536 阅读 · 1 评论 -
umi中使用plugin-initial-state插件(initialState)
getInitialStateinitialStateuseModel原创 2021-10-08 11:49:47 · 11019 阅读 · 0 评论 -
Antd表单项根据后端返回字段显示错误的校验提示语
其实这就是官方的一个方法:setFields举例:// res.Data 是后端返回的一组不符合校验逻辑的数据res.Data.forEach((q,w) => { this.formRef.current.setFields([{name: q.name, errors: q.errorMsg}]) // name就是form.item的name,errors就是你要显示的不符合校验的提示语});...原创 2021-05-14 17:38:58 · 2129 阅读 · 0 评论 -
react+Antd表单用Form.Item互相校验
表单中有两项:手机号和邮箱号,初始化都是必填,如果填了其中一项,则另一项为非必填,而且两项都各自有自己的rules校验规则,举例:在填了手机号后,邮箱号为非必填,但是又清空了手机号,去填邮箱号,这时两项又都为必填项,这时你要清掉手机号的错误提示。需求大概如上,实现第一步,其中一个填了之后另一个为非必填,两个都清空了则都为必填,实现第二步,当前项change后,清掉另一个的错误提示:const [mobileRequired, setmobileRequired] = useState(true)c.原创 2021-05-14 17:32:26 · 2618 阅读 · 0 评论 -
Antd Form.Item相互嵌套,里层的值修改最外层的值
标题可能有点拗口,意思是这样:<Form.Item name='total_list'> <ChildrenCom /></Form.Item>function InputGroup({ onChange }){ // 注意:这个参数onChange是接收的name='total_list'的onChange事件 const handleChange(e, index) => { onChange(44444) //原创 2021-05-14 16:55:22 · 2027 阅读 · 3 评论 -
react使用qrcode.react生成扫描二维码
需求:在pc端可以根据当前环境(开发、生产等等)生成对应的二维码,手机扫码跳转至指定页面。查了一圈,发现qrcode.react这个组件用的人最多,看了一下官网说明:var React = require('react');var QRCode = require('qrcode.react');React.render( <QRCode value="http://facebook.github.io/react/" />, mountNode);用法也超级简单,配.原创 2021-05-14 11:08:50 · 2482 阅读 · 1 评论 -
react中的状态提升(子组件给父组件传值、多个子组件状态共享)
react状态提升父子传值原创 2021-03-18 17:53:08 · 632 阅读 · 0 评论 -
react跨组件传递数据(React.createContext以及useContext)
哇,学如逆水行舟呀,本来写项目一直用react全家桶,像数据传递这种,不是用公共状态管理dva管理,就是用父子组件那种props传递,但是契机到了,就用到了这个React.createContext,然后发现一篇说的特别清楚的大佬,就是这篇:使用createContext进行跨组件间数据传递方法首先需要在父组件中定义一个容器和需要传递的默认值,然后通过Provider(生产者,简单来说就是定义数据的东西),定义共享的数据,然后通过Consumer(消费者,就是子组件或孙子组件来使用),具体实现代码如下转载 2021-03-18 15:08:58 · 1259 阅读 · 0 评论 -
react前端下载后端返回文件流(文件流下载excel、csv)
下载excel文件流下载原创 2021-03-08 16:54:24 · 6358 阅读 · 8 评论 -
Antd输入框失去焦点后请求接口根据返回值校验
标题可能描述的不是很清楚,意思是:我的输入框在失去焦点的时候,既要校验非空和特殊字符,还要请求接口根据返回值校验是否通过:就校验这些:至此已经可以成功校验了,但是控制台会报一句错,虽然它不影响校验:都知道是callback已经弃用了,但是在接口里面不能return Promise.reject()或者resove,所以只能将callbanck传入使用。路过大神求指教~...原创 2021-03-02 17:55:48 · 2207 阅读 · 0 评论 -
Antd的超级表格proTable根据后端返回字段筛选
Antd超级表格proTable筛选onFilter原创 2021-03-02 17:38:53 · 3353 阅读 · 0 评论 -
Antd的嵌套表格-点击当前行异步获取子表格数据
Antd嵌套表格原创 2021-03-02 14:48:52 · 2122 阅读 · 2 评论 -
react调用model层的接口(dispatch)在组件中获取接口返回状态
react中调用model层的接口在组件中获取接口返回字段react调用model层的接口然后在组建中获取返回状态原创 2021-01-17 14:20:05 · 2847 阅读 · 0 评论 -
react类组件里面使用props
react类组件propsreact类组件里面面使用props原创 2021-01-17 14:09:19 · 1350 阅读 · 1 评论 -
react+antd使用Select设置默认选项为后端返回数组的第一项
react selectselect.option原创 2021-01-17 13:50:22 · 3197 阅读 · 0 评论 -
react在setState之后数据没变化(setState同步还是异步)
react在setState之后数据没有发生变化原创 2020-12-25 20:43:09 · 2680 阅读 · 0 评论