![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 51
我要当前端工程师
这个作者很懒,什么都没留下…
展开
-
计算任意时间内课时出现次数以及冲突情况判断
当选择完培训周期后,计算出培训周期范围内,各个星期出现的次数,再遍历上课时间列表,通过列表的每周几作为key去进行匹配,当匹配成功时,将星期出现的次数加入总课时中。时间冲突判断,通过将时间转换为数字,通过数字大小进行比较,通过双重循环判断是否存在数字相等或者数字重叠的情况。原创 2023-04-27 16:33:55 · 773 阅读 · 1 评论 -
react Form.List+自定义组件 数据回显问题
最近一直头疼于如何回显Form.List数据,经过3天的不懈努力,总结经验,最终得出结论。我们需要对一个表单数据进行修改,表单数据会自动回显,通过控制台我们可以查到form确实取到数据了,普通formitem的数据能正常回显,但是 自定义组件数据却没显示到页面上。由于自定义组件被包含于formlist中,导致结构复杂,难以分析。可以看出,formlist组件接收到2条数据,页面也能够正常渲染出2个自定义组件(下拉+时间选择)证明formlist中的fileds是能够获取到数据的,对于为什么没有将数据展原创 2023-03-09 11:33:31 · 1285 阅读 · 0 评论 -
react 自定义组件
在开发中,难免遇见antdesign中不存在的组件,所以需要我们自己自定义。原创 2023-03-09 10:59:46 · 339 阅读 · 0 评论 -
validateField方法对部分表单字段进行校验
点击获取获取短信验证码 表单校验输入的手机号以及图片验证码,点击登录校验表单内所有字段!原创 2023-02-03 14:21:53 · 1456 阅读 · 0 评论 -
react复制内容到剪切板
1、下载对应包react-copy-to-clipboard。原创 2022-12-20 14:56:30 · 1044 阅读 · 0 评论 -
react中Refs的使用注意
属性附加到 React 元素。在构造组件时,通常将 Refs 分配给实例属性,以便可以在整个组件中引用它们。可以通过loginformRef.current的方法进行使用。打印出current看看!注意:一定要在定义组件之前进行创建,否则获取不到current!中的元素时,对该节点的引用可以在 ref 的。在函数组件中使用时,应该创建一个refs。对需要使用的对象进行绑定!当 ref 被传递给。原创 2022-12-19 17:07:28 · 147 阅读 · 0 评论 -
React 屏幕截图生成器 html2canvas
通过 html2canvas 可以实现截取屏幕中显示内容,并生成图片下载下来。原创 2022-08-30 09:53:49 · 1314 阅读 · 0 评论 -
react 自定义拖拽排序列表
最近在公司开发时,遇到需要自定表单,并且自定表单中的单选和复选选项需要用户可以自定义拖拽排序,经过一个星期的查阅各种资料和实践,写个总结!二、实践经过一系列的查询,发现React Sortable与array-move可以实现这一功能!附上官网链接对应git源码因此借鉴官网案例开始我们的对应的需求开发!要实现是需要三个主要组件。............原创 2022-08-10 16:32:32 · 2358 阅读 · 6 评论 -
react 权限管理与ant design pro 框架搭建
如果选择了umi@3,还可以选择pro的模板,pro是基础模板,只提供了框架运行的基本内容,complete包含所有区块,不太适合当基础模板来进行二次开发。首先在框架中的登录下拉信息页面,通过接口获取不同权限串,并通过比较进行分类,其中的initialState是设置全局默认state的属性值。对于一个涉及多用户登录的项目,往往会涉及到权限管理以及设计,这篇blog通过antdesginpro框架进行讲解。招到路由页面,对需要设置页面权限的页面进行权限的access即可完成权限的管理。...原创 2022-07-19 09:51:48 · 1534 阅读 · 0 评论 -
react 页面跳转并传值
页面的跳转有2种情况,一种是点击事件后的执行,可以直接写在组件控件(按钮、超链接等)中的。通过{通过locati原创 2022-06-06 10:45:15 · 1833 阅读 · 0 评论 -
fetch API获取返回值的方式
使用fetch API来做后端请求,相比较传统的Ajax方式,在写出的代码上更加容易理解,也更便于别人看懂。但是在使用的过程中,经常有同学不能顺利从传统的Ajax请求(如果使用jquery的话,就是$.ajax,$.post,$.get)转移到新的fetch方式,很多时候就是卡在了获取响应数据的环节上。用fetch来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB转载 2022-05-25 09:02:55 · 3062 阅读 · 0 评论 -
ant design charts 获取后端接口数据展示
今天在做项目的时候遇到几个让我很头疼的问题,一个是通过后端接口成功访问并又返回数据,但拿不到数据值。其二是直接修改state中的data,console中数组发生变化但任然数据未显示。import React, { useState, useEffect } from 'react';import { Line } from '@ant-design/plots';import { PageContainer } from '@ant-design/pro-layout';import ProF原创 2022-05-24 17:11:05 · 2035 阅读 · 0 评论 -
关于构建umi+dva+ant react项目 附源码
刚刚入门react,通过视频学习,做一个简单的react表格功能实现。功能满足对表格数据进行增删改,数据来源于后端接口。交互也与后端接口进行!话不多说,直接看效果!接口设置了30%的概率报错,出现错误多刷新几次。这是后端接口地址接口地址浏览器可以直接看到接口数据项目的搭建是参照于umi官网的快速上手进行搭建的,想要试试的小伙伴可以先将项目搭建起来!快速上手我们的项目主要集中在page下的users文件夹中的内容!在page下新建uses文件...原创 2022-04-29 18:12:32 · 1012 阅读 · 0 评论 -
React基础核心
React简介什么是react?react是一个将数据渲染为HTML视图的开源 JavaScript库。为什么要学习react?1、原生JavaScript操作DOM繁琐、效率低(DOM-API操作UI)2、使用JavaScript直接操作DOM,浏览器会进行大量的重绘、重排。3、原生JavaScript没有组件化编码方案,代码复用率低。react的特点?1、采用组件化模式、申明式编码,提高开发效率及组件复用率。2、在react native中可以使用react语法进行移原创 2022-04-27 18:15:34 · 1184 阅读 · 0 评论 -
Umi-Dva配置代理,解决跨域问题
proxy: { '/api': { 'target': 'https://public-api-v1.aspirantzhang.com', 'changeOrigin': true, 'pathRewrite': { '^/api' : '' }, }, },在umirc.ts中进行设置!在对应的service.ts文件中,修改对应api即可import { response } from "@umijs/deps/compil.原创 2022-04-26 15:33:25 · 827 阅读 · 0 评论 -
React依赖包与React开发者工具分享
帮助支持大家一起学习React,链接永久免费有效!希望大家获取资源后可以点赞关注加评论三连!链接:提取链接提取码:ckdb原创 2022-04-20 09:27:13 · 1198 阅读 · 6 评论 -
如何下载react依赖包
1、通过官网的cdn先引入到本地的html页面 <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>2、通过babel官网的cdn.原创 2022-04-19 15:58:49 · 5364 阅读 · 3 评论