![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件封装
CoreyJu
这个作者很懒,什么都没留下…
展开
-
Fetch封装的HTTP请求
类似axios请求的二次封装,使用更简单前言封装源码使用结语前言Web项目开发过程中,发送http请求数据是必不可少的的一步,我们姑且不讨论哪种方式更好,在这里我将项目中使用的fHTTP请求的方法进行了一个简单的二次封装,希望能让今后的编码更高效。封装源码/** * @author kqzhu * @version 1.0.0 * @date 2020/10/30 * @description 系统通用fetch数据请求 */import fetch from 'dva/fetch原创 2020-10-31 13:31:15 · 1257 阅读 · 0 评论 -
基于React封装的排序按钮通用组件
效果图逻辑简述此组件需传入一个默认排序状态(无序、正序、倒序)和一个点击事件函数(根据点击次数在无序、正序、倒序之间切换并查询数据)核心源代码在你的components文件夹下新建SortButton文件夹,在SortButton文件夹下新建index.jsx文件,复制粘贴以下代码:/** * @author kqzhu * @date 2020/04/26 * @description 排序按钮组件 * @params children(String):需要显示的DOM子元素, cl原创 2020-07-24 15:53:59 · 1120 阅读 · 0 评论 -
基于React封装的占比进度条组件
电池型百分比数据显示React组件效果图源代码参数说明效果图(注:可以搭配antd的table,嵌入在表格中使用效果最佳)源代码import React, { Component } from 'react';import PropTypes from 'prop-types';export default class ProgressBar extends Component { constructor(props) { super(props); this.sta原创 2020-06-30 14:55:43 · 2088 阅读 · 0 评论