随笔分类 -  React

React结合Antd的Upload实现自定义图片上传和后端二进制流异步图片回显
摘要:一.产品需求: 1. 在表格中上传图片,图片上传需要加上服务器需要的请求头(参数签名) 把图片上传到指定的服务器 服务器返回一个id 2. 拿到id调用获取图片的接口 获取后端返回一个图片文件 进行base64转化 放入img图片中 进行图片展示 二.实现步骤 1.使用Upload的customRe 阅读全文
posted @ 2020-11-25 23:50 旋风小美女 阅读(9694) 评论(1) 推荐(1)
table多表头和select
摘要:一.React方式: import React from 'react'; import { Select, Button } from 'antd'; const { Option } = Select; interface Props { width: string | number; bord 阅读全文
posted @ 2020-08-29 23:14 旋风小美女 阅读(612) 评论(1) 推荐(1)
Antd 在一个formItem中多input的验证方法
摘要:实现效果如下: 当点击按钮的时候 对一个FormItem里的多个input/或者是input和select进行校验 同时通过Rol/Col实现布局 Rselect/input组件封装的组件如下field.js: import React from 'react'; import { Select, 阅读全文
posted @ 2020-02-27 18:37 旋风小美女 阅读(9459) 评论(1) 推荐(1)
class实现React继承以及constructor的super的问题
摘要:看这篇文章之前 建议先看看阮一峰 的Class继承 便于更好的理解 首先要知道一个问题 React的父子组件和组件类的继承有什么关系?答案是:没有关系 父子组件:指的得是组件标签包含关系 父子组件通过这种关系实现组件通信 组件继承:通过class实现继承关系 es6中class实现的继承 class 阅读全文
posted @ 2019-12-13 16:23 旋风小美女 阅读(991) 评论(0) 推荐(0)
React 实现input输入框的防抖和节流
摘要:1.为什么使用防抖和节流对于频繁触发的事件 比如keydown keyup事件 当频繁点击时候 会多次触发事件 页面出现卡顿 影响性能2.函数防抖(debounce):间隔时间内只执行一次 函数节流(throttle):间隔时间内执行3.使用场景函数防抖:搜索框等 函数节流:鼠标不断点击事件等 4. 阅读全文
posted @ 2019-11-07 18:00 旋风小美女 阅读(8453) 评论(1) 推荐(1)