React+Antd

wangEditor富文本编辑器+react+antd的使用

1、github上发现富文本编辑器：官网地址及github地址2、结合react+antd的具体使用：案例使用场景：MyModal为弹窗，弹窗显示编辑名称及描述。
秋天1014童话·2020-07-30 17:22

React+Antd实现搜索与分页功能

根据后台Api，实现搜索与分页功能。模糊查询Api：src/api/accout.js//模糊查询接口exportfunctionsearchVideo(data){returnservice.request({url:"/video/select",method:"get",params:data//请求类型为get时})}View/admin/index.js（主界面）//引入Antd分页组件
九月萩·2020-07-14 14:07

react+antd系列之Form表单(1)：添加与删除

在用antd的时候，我们如果要对表单进行添加和删除该怎么弄呢，如下：import{connect}from'dva';import{Form,Input,Button}from'antd';importstylesfrom'./eg1.css';constFormItem=Form.Item;functionPage(props){const{form}=props;const{getFieldD
菜鸟搬砖记·2020-07-14 11:45

React 16.x折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些)

前言在重构的路上,总能写点什么东西出来,这组件并不复杂,放出来的总觉得有点用处一方面当做笔记,一方面可以给有需要的人;有兴趣的小伙伴可以瞅瞅。效果图实现的功能渲染支持图片,文字,图文支持删除条目(并给予父回调)用到技术点:cssmodule:包括内置的继承特性,类似less的嵌套写法那种用到的react16.6特性lazy,Suspense来实现子组件的懒加载memo让函数式组件有PureComp
crper·2020-07-14 08:17

react+antd系列之日期选择框DatePicker中时间格式转化

今天使用antd的DatePiacker发现问题如下：发现onChange函数中的value是moment格式的，如果直接传的话会是XXXTXXXZ这种格式，不过后面发现有一个dateString参数是YYYYMMDDhh:mm:ss格式的；但是在onOk中其参数貌似只有一个value,而且也是moment格式的，这里需要对其进行转化为想要的YYYYMMDDhh:mm:ss格式，如何转化呢？在on
混血哲谈·2020-07-13 14:25

react+antd开发钉钉应用学习3

准备为学校应用做免登。需要获取当前登录的用户信息，觉得除了免登，其他都可以在服务器端进行。其他jsapi都是根据AccessToken来访问的。调试的话，用钉钉RC版+chrome。免登参考这篇文章https://yq.aliyun.com/articles/53957#3发送钉钉短信logger.i("test2");DingTalkPC.ready(DingTalkPC.device.noti
吕刚·2020-07-13 14:34

React+Antd 后台管理系统

说明之前为了熟练antd框架，特别做了这个后台管理系统练手。正因为要熟悉，所以在设计面板的时候，尽可能想用上更多的控件。于是对照着antd的API，开始往这个项目上堆控件。效果图快速开始1.克隆项目[email protected]:zhaoyu69/antd-spa.git2.安装客户端依赖cdclientnpmi3.运行客户端npmrunstart4.安装服务端依赖cd../serv
Haou2020·2020-07-10 14:39

React+AntD 后台管理系统解决方案 -- 终极版

文档地址：wiki问题和方案汇总：issue最下方增加版本更新日志前言网上react后台管理开源免费的完整版项目比较少，所以利用空余时间集成了一个版本出来，已放到GitHub启动和打包的时间都稍长，请耐心等待两分钟原博客地址掘金地址GitHub地址预览地址(已增加响应式，可手机预览?)依赖模块项目是用create-react-app创建的，主要还是列出新加的功能依赖包点击名称可跳转相关网站??re
weixin_34403693·2020-07-10 09:03

react+antd的后台管理项目模板

前言：在学习react时老是希望有个模板可以让我们来参考，优化自己的代码，遍寻百度无效果，后来发现zzh1918大大自己写了个类似vue中iview-admin,vue-element-admin那种后台模板的项目，虽然不是很大，但是还是很感动的，就是他的git地址下载实在太慢了，我这边下载好几个小时，断了3次才下载下来，所以在这里分享下，给需要的小伙伴提供些便利。效果图：***注意，这个项目的首
浩星·2020-07-10 00:50

初学者使用react+antd实现表格+弹窗

初学者使用react+antd实现表格+弹窗github地址：https://github.com/YepFury/react-table-demo趁着项目间歇，试着写了一下未接触的react，找了一下资料
MicrosoftYahei·2020-07-09 11:27

React+antd封装自定义输入组件

在封装自定义组件之前，我们需要先了解antd官网Form的官方介绍我们可以知道，Form.getFieldDecorator会为下层组件传递一个value和onChange事件所以在看了官网介绍后，封装自定义输入（不只是输入，级联选择等等）就很简单了我们先在界面中写一个父组件写一个自定义的子组件界面呈现在子组件中输入内容其实这就相当于antd封装的父子组件传值，只是不用自己写方法了而已，在后期的项
Aug丶Sunrise·2020-07-08 20:27

react+antd密码编辑组件

之前的一篇文章里,写过关于忘记密码这部分的业务,今天这个主要是详细写密码编辑这一块功能,需求也很明确,考虑到密码未输入,密码输入错误以及确认密码等情况,代码里面会添加注释.总结一点,写react组件概括就是封装函数,将函数调用到不同的生命周期钩子触发响应事件`importReactfrom'react';``importmessagefrom'antd/lib/message';`import{V
Banshee·2020-07-07 08:06

IE浏览器报出SCRIPT5009: “Promise”未定义问题

问题描述:前台使用react+antd,打包工具使用webpack,打包发布后,在IE进行附件上传时候,IE浏览器报出SCRIPT5009:“Promise”未定义问题首先,谷歌浏览器没有问题,IE有问题参考资料
Jalon21·2020-07-07 04:53

ant-design,解决格式化Table中的时间

使用React+Antd遇到的Table组件时间格式化的问题我在开发react项目时使用antdUI进行开发,遇到了对时间格式化的问题,下面是我成功格式化的解决办法在使用antd的时候要想修改table
傲过·2020-07-07 04:54

使用antd+braft-editor+braft-extensions创建带有富文本编辑器的表单

braft-editor富文本编辑器最近项目中需要使用富文本编辑器，本身项目是基于react+antd进行开发的，对比常用的富文本编辑器，发现braft-editor和antd的form表单验证更配。
非洲北极熊·2020-07-07 02:31

React+antd在线上动态更换皮肤主题

开始因为项目里一个更换皮肤的功能，虽然antd官网给出了更改主题的方法，但那是静态的，没办法在线上更换，然后发现网上在这方面的资料也并不多，这个业务难道不是应该很普遍吗？然后我就花了一些时间去解决了这个问题，并将踩过的坑写出来，再给出解决方案。antd-theme-webpack-plugin这个工具是我在网上找到的。下面是这个包的文档，但这个文档实际上写的并不清楚，我在按文档写的过程里遇到了很多
weixin_33735676·2020-07-05 22:31

阿姨，React源码好难懂，我不想努力了

应届生：阿姨,我不想努力了在学校用React+antd做过后台管理系统，熟悉React技术栈。两年前端：公司技术栈是React，都用了一年了，我React贼六。
web大全·2020-07-02 14:00

react+antd系列之Form表单(2)：格式限制验证

格式限制antd中表单的功能很多，下面就为大家整理了一下antd中常用的几种表单输入格式验证：1.输入框不能为空限制，如下：{getFieldDecorator('name',{rules:[{required:true,message:'名称不能为空',}],})()}2.输入框字符限制，如下：字符长度范围限制：{getFieldDecorator('password',{rules:[{req
菜鸟搬砖记·2020-07-02 02:25

react+antd系列之日期选择框DatePicker

1.默认时间默认当前时间：constdateFormat='YYYY-MM-DD';moment()不带参数表示默认当前日期注意：1.获取时间戳获取当前时间戳：moment().valueOf()获取固定时间的时间戳：moment(date.format('YYYY-MM-DD')).valueOf()date为moment格式2.获取格式时间moment().format('YYYY-MM-DD
菜鸟搬砖记·2020-07-02 02:25

react+antd系列之引入echart图表

要在antd中引入echart图表，首先得安装echart包，命令如下：cnpminstallecharts--saveechart安装完毕，要如何使用呢，在react中我们要引入我们刚刚安装的echart，如下：importechartsfrom'echarts/lib/echarts';但是这里引入这个还不止，假设你要画柱状图，则你得引入：import'echarts/lib/chart/ba
菜鸟搬砖记·2020-07-02 02:25

react+antd 简单表单验证

//验证函数validate(){letthat=thisletdata={msg:'',el:null}vargetEl={0(key){returnReactDOM.findDOMNode(that.refs[key])},1(key){returnReactDOM.findDOMNode(that.refs[key]).firstElementChild},2(key){returnReac
Radish999·2020-07-01 12:23

react笔记16（react+AntD搭建后台模板）

1最流行的开源ReactUI组件库material-ul（国外）ant-design（国内蚂蚁金服http://design.alipay.com）2安装npminstallantd3成品图4搭建后台模板都是血与泪，又是2.0和4.0版本不兼容问题,这里明哥先简单的说一下2.0版本的写法思路当URL为/时，我们要渲染一个在App中的组件。不过在此时，App的render中的this.props.c
机智的老刘明同志·2020-07-01 10:08

1、react+antd 搭建工程 antd按需加载配置

1、创建工程create-react-appbike-antd2、引入antdyarnantd3、antd组件按需加载配置此时我们需要对create-react-app的默认配置进行自定义，这里我们使用react-app-rewired（一个对create-react-app进行自定义配置的社区解决方案）。引入react-app-rewired并修改package.json里的启动配置。由于新的r
小爱2·2020-06-30 20:17

react+antd 动态增删表单 再解决

最近开发的一个功能，和之前写过的很像，但毕竟我也快两年经验了，当然不能再使用原来实现的方法，于是，又搞起来。功能：需要对多个Input组成的list可以新增和删除在之前的文章react涉及的增加，删除list，我说不可以使用index来做删除，就使用了给每个list添加selfId的方式来实现删除。然而事实是可以使用index来进行删除操作的。当年我才疏学浅，没有get到高级玩法，使用selfId
Deidei☀️·2020-06-30 19:26

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决

【React+Antd教程】Failedtocompile.Modulenotfound:Can’tresolve'antd/dist’完美解决今天在学习React+Antd时出了个不能编译的报错Failedtocompile
奋斗中的编程菜鸟·2020-06-29 10:15

react+antd自定义上传文件，自定义控制上传文件个数-upload

importReactfrom'react';import{Upload,}from'antd';classuploadextendsReact.Component{constructor(props){super(props)this.state={fileList:[],//文件列表};}//上传之前事件beforeUpload=(file)=>{varfileArr=[];//获取新的上传列
总有刁民想害朕-又重名·2020-06-28 22:42

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

使用antd做表单的小伙伴一定经常会用到getFieldDecorator{getFieldDecorator('userName',{rules:[{required:true,message:'用户名不能为空'}]})()}期望出现这样的结果：大多数人在使用form时会遇到明明用户名为空，却不会提示错误信息的问题这是因为getFieldDecorator的功能是用于和表单进行双向绑定，vali
superYe7·2020-06-26 16:02

react+antd:Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an uniqu

Warning:Eachrecordintableshouldhaveaunique`key`prop,orset`rowKey`toanuniqueprimarykey.Warning:[antd:Table]EachrecordindataSourceoftableshouldhaveaunique`key`prop,orset`rowKey`ofTabletoanuniqueprimaryk
superYe7·2020-06-26 16:31

React+antd 项目配置antd 的css文件（babel-plugin-import配置）

1.安装antd后，执行yarnaddreact-app-rewiredcustomize-cra2.在package.json文件中作出如下修改/*package.json*/"scripts":{-"start":"react-scriptsstart",+"start":"react-app-rewiredstart",-"build":"react-scriptsbuild",+"buil
清风化雨_Sunrain·2020-06-25 15:28

基于React+antd的后台管理模板（可预览）

自己利用业余时间，基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React，页面主要还是展示页面,比较简单不涉及后台交互。
zzh1918·2020-06-25 13:40

使用webpack搭建react+antd项目

目前网络上关于react和antd的教程有很多,在构建项目阶段大多用create-react-app，dva等脚手架工具进行搭建,使用工具固然方便,却总感觉没能真正完全掌握这门技术,于是自己尝试从头搭建了一个项目1.环境本机使用v8.9.4版本的node,开发工具为VisualStudioCode2.初始化项目在项目目录下执行命令npminit初始化项目,在生成的package.json文件中添加
冯子玉·2020-06-25 09:12

umi搭建react+antd项目（四）axios请求数据

1.下载axiosyarnaddaxios2.在src下新建文件夹conf，再新增js文件：axiosConf.jsimportaxiosfrom'axios'axios.defaults.baseURL="http://localhost:8000/"//api前缀constinstance=axios.create({xsrfCookieName:'xsrf-token'});instance
正在输入代码中·2020-06-25 02:17

umi搭建react+antd项目（三）Mock 数据--模拟数据

1.添加mockjsyarnaddmockjs2.在mock目录下新建test.jsList|10，返回list，10条数据@image，随机生成img的url链接，mock内置函数importmockjsfrom'mockjs';exportdefault{'GET/api/img':mockjs.mock({'list|10':[{src:'@image'}],})};3.访问：http://
正在输入代码中·2020-06-25 02:17

umi搭建react+antd项目（五）子组件编写

上一篇在index.js里面写了一个组件，不是很友好，我们现在分开写组件1.新建component文件夹用于放置组件，src/component，新建list组件importReact,{Component}from'react';exportdefaultclassListextendsComponent{constructor(props){super(props);}render(){ret
正在输入代码中·2020-06-25 02:17

umi搭建react+antd项目（二）路由

1.我们在src下新增index2.js：importReact,{Component}from'react';exportdefaultclassindex2extendsComponent{constructor(props){super(props);}render(){return(index2)}}2.访问http://localhost:8000/index2页面发生了变化，但是头部没
正在输入代码中·2020-06-25 02:17

antd上传控件的使用方法及问题解决

项目中我使用的是React+antd所搭建的项目，我是一个前端菜鸟第一次分享内容还请各位嘴下留情。
前端菜鸟划水·2020-06-24 06:57

antd getFieldDecorator使用rules不起作用

在使用react+antd开发中，使用getFieldDecorator的rules规则限制，只提示而点击确定时不终止函数的执行。
mcya·2020-06-23 10:23

umi搭建react+antd项目（六）父子组件通讯

上一篇写了一个子组件，只是把值传入进来，这篇讲解在子组件修改父组件的数据1.在index.js里，新增方法：updateImg用于修改list集合updateImg(){this.setState({list:[{"src":"http://dummyimage.com/468x60"}]});}在子组件上传入该方法：完整代码：importReact,{Component}from'react';
正在输入代码中·2020-06-21 04:51

umi搭建react+antd项目（一）环境配置

1.先创建文件夹，windows用户手动创建就行了mkdirmyReact&&cdmyReact2.在myReact目下，执行脚手架命令，默认选择antdyarncreateumi创建项目成功：3.输入yarn安装node模块4.运行项目：yarnstart5.访问http://localhost:8000/6目录介绍.├──dist///默认的build输出目录├──mock///mock文件所
正在输入代码中·2020-06-21 04:50

使用React+AntD构建CRUD（增删改查）应用

目标使用React+AntD构建一个非常简单CRUD应用程序，以便您更好地了解它的工作方式。完整
南荣相如谈编程·2020-04-14 12:08

React+Antd 后台管理系统

说明之前为了熟练antd框架，特别做了这个后台管理系统练手。正因为要熟悉，所以在设计面板的时候，尽可能想用上更多的控件。于是对照着antd的API，开始往这个项目上堆控件。效果图login.gif!main.gifdate.gifadd.gifupdate.gifdel.gifsearch.gifecharts.gifrichText.pngupload.pngComponentsGeneralB
走叉火日立·2020-04-11 02:34

从零开始，搭建一个简单的购物平台（一）

其余都是自己写的项目源码（持续更新）：https://gitee.com/DieHunter/myCode/tree/master/shopping使用到的技术：后端：node+express+MongoDB管理界面：react
DieHunter1024·2020-04-09 11:04

ajax请求status为canceled：记录一次bug排查

项目背景项目是一个react+antd的管理后台bug描述当选择青岛银行的时候，点击查询后，页面刷新了，查询条件又变成默认的压测环境了。
trustbelieve·2020-04-06 19:52

前端React+Antd ，后端Koa的博客平台

为什么不写文档说明，一是写不好，二也是最关键的实在是产出太少了；但是不妨碍水一篇文章分享下前端作为展示所以结构比较简单主页，查看文章列表文章详情、评论关于，里面包含一些数据统计前端默认使用的是admin账号的数据你也可以进行线上预览，具体项目地址文章如何管理后台管理的操作有个单独的页面，使用Vue+elementUI的组合。主要功能如下：文章增删改查评论管理用户管理文章分类标签管理后台管理打开很慢
RaKL·2020-02-01 06:23

基于react+antD的项目搭建1

随着版本的更新，搭建过程有所不同，安装时候以官网最新为准，目前安装版本react16.8.6react-router5.0axios0.19.0antd3.20.1脚手架版本3.01、安装react脚手架https://react.docschina.org/docs/create-a-new-react-app.html#create-react-appnpxcreate-react-appmy
简小咖·2020-01-03 20:27

React全家桶+Material-ui构建的后台管理系统

前言各大社区中关于react的后台管理系统已经应有尽有，大部分都是react+antd，偶尔一次看到material-ui这个reactUI组件，感觉很特别，于是尝试使用搞一个demo体验一下，经过不断细化转化到目前一个比较完整的项目
Nine·2019-10-31 14:24

React+后端实现导出Excle表格的功能

最近在做一个基于React+antd前端框架的Excel导出功能，我主要在后端做了处理，这个功能完成后，便总结成一篇技术分享文章，感兴趣的小伙伴可以参考该分享来做导出excle表格功能，以下步骤同样适用于
朱季谦·2019-10-15 11:00

React antd如何实现组件上传附件再次上传已清除附件缓存问题。

最近在公司做React+antd的项目，遇到一个上传组件的问题，即上传附件成功后，文件展示处仍然还有之前上传附件的缓存信息，需要解决的问题是，要把上一次上传的附件缓存在上传成功或者取消后，可以进行清除经过一顿试错
朱季谦·2019-10-12 14:00

react+antd导航菜单，刷新后选中状态

import{withRouter}from'react-router-dom';exportdefaultwithRouter(LayerSider);withRouter的作用：把不是通过路由切换过来的组件中，将react-router的history、location、match三个对象传入props对象上默认情况下必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能
小野猫子·2019-07-15 14:07

React脚手架搭建

前言之前的multi-spa-webpack-cli只是为React+antd模板提供了开发时必要的环境，对于实际的开发并没有什么用处。为了更贴近实际开发，本次React+antd模板完善了一些功能。
夜暁宸·2019-07-01 00:00
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他