react+antd

实现一个xx公司的仓储管理系统，记录下全栈开发过程中的一些步骤及心得!

技术选型前端：react+antd后台：express+mysql2+log4js(日志服务，按业务模块记录)部署：某讯的云服务器+域名，nginx代理前端、后台服务前端(管理端)使用脚手架创建项目，然后增加
·2022-03-08 06:47

React实现组件全屏化的操作方法

介绍本文基于React+antd，给大家演示一个完整的全屏demo。起因是开发今天给我提了一个sql编辑器输入框比较小，不支持放大，不太方便。
·2021-10-16 13:07

antd key报错 Each child in a list should have a unique “key“ prop

使用react+antd组件时，有时会报出Eachchildinalistshouldhaveaunique"key"prop.这样的错误这里列举几个相关的次错误报错和解决方式1、Table表格官方给Table
·2021-08-16 14:40

Ory Kratos 用户认证

本文将动手实现浏览器（React+AntD）的完整流程，实际了解下它的API。
·2021-07-29 20:45

react+antd:Form表单校验不提示错误信息

使用AntDForm表单验证validator不生效1.注意是validator,而不是validate2.validator总需要返回一个callback,有问题返回callback（错误提醒文字），验证没有问题也要执行callback(),3.一个FormItem中，getFieldDecorator一个选项，例如：{getFieldDecorator('wakeup_prompt',{rul
采姑娘的小智障·2021-06-21 12:14

React&AntD学习笔记（一）

临时上阵开发一个基于React+AntD的工具项目，没有系统化的学习过，只能开发过程中碰到问题解决问题，走一步看一步这是来自我们前端同学的建议，如果有过前端开发经验，想快速上手React开发做一些简单交互项目
测试你个头·2021-06-04 00:49

手把手教你从零开始react+antd搭建项目

之前的文章都是自己的学习日志，主要是防止自己遗忘之前遇到的坑。这次将从最基础的项目搭建开始讲起，做一个基于react和antd的后台管理系统。我会一步步进行下去，所以看完本文你哪怕不了解react，应该也会使用react做一个简单的项目。话不多少，直接开始。完整项目请前往GitHub查看，体验请点击这里。如果觉得可以请给一颗star，谢谢各位。1、开发环境：node.js-v12.16.3crea
·2021-06-03 21:37

记录一个小点react+antd：支持css3的transition动画的一些属性列表

记录的原因：项目中遇到一个问题，使用antd的table组件，在鼠标悬停到一行的时候显示或者隐藏按钮，如下：鼠标进入一行显示设为默认按钮，移出隐藏按钮：开始我的做法是找到table组件的属性通过setState来改变button的visibility属性，虽然效果是达到了，但是显示和隐藏有个时间的延迟，开始我以为是因为setState的异步机制,会在频繁的设置state的时候合并处理导致的，{th
梦想成真213·2021-05-01 14:25

react+antd 递归实现树状目录操作

1.写在前面作为前端小白的我一直对算法和数据结构浅尝辄止，哝，吃亏了。使用多次递归实现数据格式化后将数据进行树状展示的目的，分享一下我这次挠头的经历~2.数据后台传过来的数据大概是这样的{"data":[{"id":1,"name":"一级节点","parentId":0,"isValid":true,"canAddChild":true,"parent":null,"children":[]},
·2021-04-28 12:22

React+Antd 实现可增删改表格的示例

最近写了一个小东西，模仿自己原先用vue写的项目改成react语法。写了一个可编辑的表格，期间磕磕碰碰的，打算把bug记录下。先把效果图和代码贴上去，主要用的是react+antdtable表格，点击编辑，打开弹窗，弹窗内是tab切换显示不同的form表单+可编辑表格，表格内操作栏"+"，表格内新增一行可编辑的数据，编辑，保存，删除这些操作就不细说也不贴效果图了Table/index.jsimpo
·2021-04-14 20:11

react+antd，DatePicker组件只选择年月日，得到的时间戳不是当前日期0点

需求：列表搜索，用户选择年月日，前端需要传给后端13位时间戳。问题：所得的时间戳经过转化可以看到，年月日正常，但是时分秒竟是当前时间而不是所选择日的0点，导致搜索不准确。this.dateChage('deliveryTime',e)}value={deliveryTime2===""||deliveryTime2===undefined?null:moment(deliveryTime2,'x'
吃橙子的仓鼠·2021-02-19 10:11

Vue3.0 + antdV 实现的后台管理项目

用的比较多的是vue-element-admin，一方面想试试新一点的技术vue3.0，另一方面是因为业务线其他项目都用的react+antd，个人也比较喜欢antd，所以想试试antd的vueUI框架
Evelyn·2021-01-13 20:31

Vue3.0 + antdV 实现的后台管理项目

用的比较多的是vue-element-admin，一方面想试试新一点的技术vue3.0，另一方面是因为业务线其他项目都用的react+antd，个人也比较喜欢antd，所以想试试antd的vueUI框架
Evelyn·2021-01-13 20:59

用React+Antd封装Axios实现全局Loading效果

前言今天在做react后台管理的时候要实现一个全局Loading效果，通常使用axios库与后端进行数据交互。为了更好的用户体验，在每次请求前添加一个加载效果，让用户知道在等待加载。要实现这个功能，我们可以在每个组件请求手动添加加载效果返回后再将其隐藏，但如果每个请求都这么做，就要做多次重复设置显得很麻烦，但好处是可以设置定制多种请求效果。但考虑到该项目场景为后台管理系统，给管理员使用，花样可以不
JackySummer·2020-11-23 22:02

react+antd输入框值想在点击清空按钮的时候清空怎么办()

废话不多说先上一版解决办法clear(){this.refs.myInput.state.value='';}{this.clear()}}>清空这个虽然可以清空，但是如果你遇到这个问题这是因为如果以前使用过React，那么可能会熟悉一个较旧的API，该API的ref属性是一个字符串，例如"textInput"，并且DOM节点的访问方式是this.refs.textInput。我们建议不要这样做，
smart__yang·2020-09-29 16:00

react+antd出现preventDefault()警告报错

react项目遇到如下报错：Thissyntheticeventisreusedforperformancereasons.Ifyou'reseeingthis,you'reaccessingthemethod`preventDefault`onareleased/nullifiedsyntheticevent.Thisisano-opfunction.Ifyoumustkeeptheorigin
yufengaotian·2020-09-16 22:17

react+antd：全局设置form表单不可编辑

在做编辑页面的时候遇到一个需求是“在指定状态下内容不可编辑”方案一：给每个、...添加disable属性这种方案在form表单内容比较多的情况下可能不是很方便，所以辜老师帮我想了方案二方案二：封装个组件全局设置disable，如下封装一个高阶组件(./Input)importReact,{useContext,createContext}from"react";exportconstFormDis
superYe7·2020-09-16 12:42

react+ant练习

react+antd一个管理后台会是什么样子？一个用来展示信息的表格一个隐藏的Modal，modal中是一个form这个modal可以用来新增或者修改一行数据。
叶常落·2020-09-15 14:36

react+antd 递归实现树状目录

react+antd递归实现树状目录1.写在前面2.数据3.数据格式4.组件格式5.疯狂输出tips1.写在前面作为前端小白的我一直对算法和数据结构浅尝辄止，哝，吃亏了。
宋三步·2020-09-13 23:04

React+antd table中的每列内容换行

1，效果图如下2，分隔数组split(",")3，详细代码代码如下constleadsDetails=this.props.leadsDetails;constaudits=JSON.stringify(leadsDetails)!=='[]'?leadsDetails.audits:[];constauditsColumns=[{title:'创建时间',dataIndex:'created_a
小红同学5·2020-09-13 09:43

react中使用echarts封装组件

react+antd中使用echarts封装组件下载依赖包npminstallecharts--save封装组件importReact,{Component}from'react';importechartsfrom'echarts
ysunshine512·2020-09-13 00:45

给组件库加个鸡腿

为了工作，也为了长点见识，费心费力捣腾了一个组件库antd-doddle，还是有成长的，总结都写了两篇，收获还是有的，如果你喜欢听故事：从dist到es：发一个NPM库，我蜕了一层皮从24m到1m,一个react
Denzel·2020-08-24 15:03

记录一个倒计时的小错误

React+antd项目中，需要在Modal弹框里加60秒倒计时。
smaltAn·2020-08-23 11:04

Uncaught TypeError: Object.entries is not a function

我是使用react+antd写的一个系统，需求是需要兼容低版本chrome浏览器(其中有各种理由需要去做这样一个事情)。高版本系统没有问题，但是chrome52版本页面会出现异常。
hqin_520·2020-08-23 01:02

react+antd中DatePicker组件（不能选中当前时间以前的时间）的代码

不能选中当前时间以前的时间：即不能选中此刻之前的时间，比如此刻是2018年10月11日15:18，那么2018年10月11日15:18分之前的所有时间都不能选，包含时分。const{DatePicker,Row}=antd;classlimitTimeextendsComponent{state={currentTime:null,}render(){}disabledEndDate=(endVa
风陵苑主2·2020-08-22 16:45

简单的用React+antd实现简单Select 下拉多级联动；

##用React+antd实现简单Select下拉多级联动；1.首先看state内的值this.state={select:[],//1级下拉内容select2:[],//2级下拉内容status:true
alonesupermen·2020-08-22 16:53

ant Design 省市级联数据

最近在用react+antd写东西然后突然发现antd里面的省市级数据不全之后就手撸了一个varcityData=[{"label":"北京市","value":"110000","children":
不再重要·2020-08-22 15:01

react+antd封装组件完成忘记密码验证账号功能

需求还是很常见的,比如任何网站带有账号登录注册功能,忘记密码这种情况还是非常常见的,需求都是一步步来完成,没有人能够一口气把业务代码完全写出来,顺序是:验证账号信息,再次发送邮件importmessagefrom'antd/lib/message';//antd消息组件import'../../../styles/toast.scss';//样式import{Log,Iterator,Device
Banshee·2020-08-22 12:51

react+antd封装组件完成忘记密码验证账号功能

需求还是很常见的,比如任何网站带有账号登录注册功能,忘记密码这种情况还是非常常见的,需求都是一步步来完成,没有人能够一口气把业务代码完全写出来,顺序是:验证账号信息,再次发送邮件importmessagefrom'antd/lib/message';//antd消息组件import'../../../styles/toast.scss';//样式import{Log,Iterator,Device
Banshee·2020-08-21 02:47

解决antd Cannot read property 'validate' of undefined

问题描述：使用React+antd开发，本地使用新建表单Form的Input没什么问题，但是，打包到服务器上之后，在输入框输入值后报错，Cannotreadproperty‘validate’ofundefined
mcya·2020-08-20 23:24

react+antd环境配置

安装homebrew：/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"安装脚手架：npminstallcreate-react-app安装yarn：brewinstallyarn创建项目：create-react-appreact_item_name安装路由：
weixin_34344677·2020-08-18 23:11

React+antd开发支持markdown的个人博客网站

前言作为一个技术开发者，我们很有必要经常归纳总结。而归纳总结最好的方式就是写技术博文。强化自己的技术栈。虽然在今天，各种可以写技术的网站很多很多。但是想拥有自己一片天地的朋友，还是可以搭建一个的。下面就是我自己学习React后重构了自己的博客。该项目基于react+antd+dva+umi实现。项目已经开源。源代码：https://github.com/immisso/Blog线上预览：https
丁柒叶·2020-08-18 19:58

react+antd中DatePicker组件（不能选中当前时间以前的时间）的代码

前言本文章主要功能是实现不能选中当前时间以前的时间：即不能选中此刻之前的时间，比如此刻是2018年10月11日15:18，那么2018年10月11日15:18分之前的所有时间都不能选，包含时分。如有疑问，欢迎留言交流！代码const{DatePicker,Row}=antd;classlimitTimeextendsComponent{state={currentTime:null,}render
马娟·2020-08-18 05:59

react+antd 给switch设置初始值变量

在react项目使用antd组件中的switch功能，设置初始值为变量，所以需要在Form.Item标签上添加一个valuepropname={初始值}错误示范：记得加上key值，不然浏览器的控制台会报错正确示范在触发onchange事件的时候改变switch的值onchange=async(checked)=>{const{data}=this.props;if(checked===false)
Liberal_w·2020-08-17 20:00

基于antd-react自定义导出标题功能需求

自己研究出来满足当前需求的功能，研究不宜，觉得好给个赞吧需求：标题可以自己选择，并且还能自己排序，标题还可以自己定义提供：所有的标题，导出的数据(为解析的)，react+antd（4.0）+file-saver
甘道夫老矣·2020-08-17 14:50

记一次Webpack打包优化及踩的坑

我们的项目使用的框架:react+antd。在打包时遇到的主要问题是：1.构建太慢，主要体现在生产模式下，三个项目同时构建，居然要6分钟之久；2.生产模式下打包出来的文件过大。
weizengxun·2020-08-15 00:35

react+antd后台管理系统（1）环境初始化

react后台管理系统（1）环境初始化react+antd+less+按需加载环境配置1.使用create-react-app创建appcreate-react-appyinbao-ams22.引入antd和lessyarnaddantdornpminstallantd--saveyarnaddlessless-loader3.antd实现按需加载babel-plugin-importstep1:
Oreohahaha·2020-08-15 00:14

antd动态主题；在线换肤

最简单的react+antd在线换肤功能开始下载插件准备根目录添加color.jssrc文件夹下添加styles/index.less+styles/variables.lessindex.html文件中加入全局
啊哈老郭·2020-08-14 23:17

react+antd开发中input框每输入一个字符就失去焦点

react+antd开发中input框每输入一个字符就失去焦点1.问题出现2.解决过程1.问题出现我需要做一个功能，就是在一个点击显示的气泡框上，有一个输入框，输入数量后点击确定完成添加，效果图大概是这样的由于整体开发用了
前端小佬·2020-08-11 19:21

react+antd动态表单以及数组对象示例

先给出一个示例：在react+antd中，我们需要注意的是，表单的数据表示需要根据数据项的数组长度来制作。
luffy5459·2020-08-11 16:27

react+antd form 警告Warning: [antd: Form.Item] `children` is array of render props cannot have `name`.

如题所示，该警告出现在react与antd使用中，我们页面表单form中使用了Form.Item包含输入框，在username输入框的下面，加入了一行提示文字，代码如下：importReactfrom'react'import{Card,Form,Input,Button}from'antd'import'antd/dist/antd.css'constLoginForm=()=>{conston
luffy5459·2020-08-11 16:27

Webpack4+配置less

开发React+AntD想使用less如何配置1.首先把webpack配置文件暴露出来执行yarnruneject你的packge.json会大变样！！
是少女不是阿姨·2020-08-11 11:00

react+antd：配置webpack，支持less及antd更换主题

使用"create-react-app":"^3.0.1"创建的app，主要依赖："antd":"^3.19.1","axios":"^0.18.0","react":"^16.8.6","react-app-polyfill":"^1.0.1","react-dev-utils":"^9.0.1","react-dom":"^16.8.6","react-router":"^5.0.0","re
xxy阡陌·2020-08-07 22:24

react中withRouter解决props返回为空

利用react+antd框架书写导航栏时，遇到了几个坑，分别是一级菜单和二级菜单在点击的情况下，高亮没有任何问题，但是再点击浏览器返回按钮时，却就乱套了。
ddr66288·2020-08-07 13:52

基于react+antd+egg.js实现的约拍管理端系统

本项目前端使用的react+antd的UI框架，后端使用的是egg.js，数据库使用的是MySQL,总体功能简单，UI组件库主要用到的是table组件，Tab组件，主要是用来管理我另一个项目——约拍小程序的数据管理
ass_ace·2020-08-05 16:59

electron设置BrowserWindow（二）

electron之BrowserWindow的常用设置在设置完main.js以后就可以在electron生成的window里面利用react+antd显示业务效果了。
草莓味的屁·2020-08-04 21:11

使用React + Antd 搭建博客后台系统

博客后台管理博客前台的项目地址:github.com/zaleGZL/zal…前言博客后台管理是基于React+Antd实现的，Antd确实是非常适合中后台应用的开发，有非常多的组件可以使用，非常?
weixin_34067980·2020-08-04 05:05

React+AntD 开发

环境：Win7以上，编辑器VisualStudioCode，Node.js(含npm)，Yarn(比npm更高效，官网yarn.bootcss.com下载安装。建议使用npminstall-gyarn)命令行：使用VisualStudioCode中的终端。建议全程使用阿里代理第一章React介绍Vue生态：Vue+Vue-Router+Vuex+Axios+Babel+WebpackReact生态
i-CanDo.cn·2020-08-03 06:08

react+antd项目引用阿里图标

1.首先进入阿里图标首页,搜索你想要的icon2.选中图标，点击购物车的那个图标后，图标变成3.点击右上角的购物车，将图标添加到已有的项目或新建项目4.进入自己的项目，可以看到自己刚加的和以前加的图标5.在自己的项目中新建一个js文件，我一般把它放到工具包的文件夹下,文件名自定义（例如：‘icon.js’），代码如下：import{createFromIconfontCN}from'@ant-de
White_Poppy·2020-08-02 17:00

react+antd解决报错：Module not found: Can't resolve 'antd/es/affix'

react+antd解决报错：Modulenotfound:Can'tresolve'antd/es/affix'问题解决写在最后问题今天在使用antd的时候，引入“抽屉”组件的时候报错Modulenotfound
没错就是小白·2020-08-01 05:19
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他