react
花程序媛
一名想不断提升自己的程序媛==>勿以浮沙筑高台
展开
-
react官方文档阅读笔记
使用react做项目几年了,今天花了时间回顾了一下react官网,认真的仔细的阅读了react文档,结合平时项目中的经验,在此列出自己感受颇深的几点1.react何时使用state通过问自己以下三个问题,你可以逐个检查相应数据是否属于 state:该数据是否是由父组件通过 props 传递而来的?如果是,那它应该不是 state。该数据是否随时间的推移而保持不变?如果是,那它应该也...原创 2019-12-25 13:38:55 · 154 阅读 · 0 评论 -
react-ace代码编辑
ant design pro中使用react-ace在react中使用react-ace,实现编辑代码 安装包 npm install react-acenpm install brace 引入包 import brace from 'brace';import AceEditor from 'react-ace';import 'brace/mode/json...原创 2019-12-11 16:56:31 · 938 阅读 · 0 评论 -
ant design pro js-cookie设置过期时间
ant design pro中用到了js-cookie,具体修改cookie的过期时间如下// 时间单位是天 1/24为一个小时Cookies.set('access_token', str, { expires: 1 / 24 }); // 第三个参数不传就是永不过期Cookies.set('access_token', str);...原创 2019-11-21 11:21:39 · 2274 阅读 · 0 评论 -
ant design pro直接提交不提示必填项错误且没有走validateFields方法
ant design pro表单必填项添加校验后,用户什么都不填,直接提交会提示用户:”请输入。。。”;但是如果没有提示,且没有走form.validateFields方法,是因为自定义校验没有callback(),务必确认每个分支都有callback()调用...原创 2019-11-20 16:54:05 · 3260 阅读 · 0 评论 -
ant design pro一个页面多个表单
如果一个页面中有多个表单,那需要return出不同的组件,否则不能对应起来const PasswordForm = Form.create()(props => { const { modalVisible, form, handleChangePassword, handleCancelPassword, current, ...原创 2019-11-20 14:40:15 · 3866 阅读 · 0 评论 -
ant design动态表单
项目有表单动态增加减少的需求,且表单列表的每一项有多个input输入框,虽然ant design有一个代码demo,但是只有一个input框,且没有最初默认数据的展示;本文章对这一需求的实现做一个归纳总结。动态表单实现过程中遇到了从列表中删除中间的项时,删除数据不对应的情况,主要是因为ant design的表单双向绑定不同vue一样,是通过v-model绑定的,而是用getFieldDe...原创 2019-11-20 14:07:24 · 2927 阅读 · 0 评论 -
前端文件下载
项目中定位问题,需要下载相关日志,具体实现这一需求,做一个总结。下载方法调用import downloadFile from '@/utils/downloadMoudle';downloadFile(`output.json`, JSON.stringify(res.data, null, 4));下载模块downloadMoudleexport default (fil...原创 2019-11-20 10:41:02 · 92 阅读 · 0 评论 -
ant design pro中umi-request拦截请求统一处理报错提示
ant design pro项目请求用的是umi-request,对于请求不成功的情况需要给用户错误提示,但是每个请求都对错误情况做处理,冗余代码太多,所以在src/utils/request页面拦截请求统一处理umi-request访问umi-request学习具体参数代码request.interceptors.response.use(async (response, op...原创 2019-11-08 15:07:35 · 12684 阅读 · 4 评论 -
ant design pro快速入门
项目需要用ant design pro实现一个管理系统,之前没有做过相关项目,所以将自己的学习过程与经验记录下来,做一个总结,也希望对看文章的你有所帮助。(做项目的时候用的是2.0版本,所以本文章基于2.0版本展开)一、技能点ant design pro主要用到的知识列表如下:ant design ant design pro dva umi umi-request二、克...原创 2019-11-08 14:01:40 · 273 阅读 · 0 评论 -
react实现RSA加密解密、DES加密
前端实现RSA加密解密、DES解密,主要用到的包有jsencrypt、crypto-js一、使用场景需要在本地存储一些标志位,安全问题 用户登录密码的加密二、加密代码RSA加密安装npm install jsencrypt在线生成一对RSA公钥和私钥import JSEncrypt from 'jsencrypt';const PRIV_KEY = `...原创 2019-11-07 15:10:34 · 4727 阅读 · 0 评论 -
react获取城市数据
address.json文件内容截图,是省市数据的数组处理数据import axios from 'axios';class Residence extends Component { constructor(props){ } getAddressData(){ axios.get('/address')//address.json数据 ...原创 2019-04-07 22:53:21 · 801 阅读 · 0 评论