一、MenuSearch/index.tsx import React, { useState, useEffect } from 'react' import { Select } from 'antd' import { history } from 'umi' import styles fr
原创
2022-03-11 15:39:15
355阅读
场景：xxx血压计测量数据之后，需要将测量的数据直接显示在pc后台管理平台相应的表格中 准备：一台xxx血压计，数据线，相关血压计桌面软件，pc 血压计相关说明：测量时，将数据线和pc连接，打开血压计桌面软件，点击连接设备，连接成功，开始测量，测量完成，桌面软件会显示相应的值：比如 收缩压 舒张压 ...
转载
2021-09-06 14:07:00
3525阅读
2评论
react+antd table 不显示默认的分页，我只想用antd中table的表格，分页按钮隐藏
原创
2023-02-26 09:55:41
302阅读
做react后台管理的时候要实现一个全局Loading效果，通常使用axios库与后端进行数据交互。为了更好的用户体验，在每次请求前添加一个加载效果，让用户知道在等待加载。
原创
2023-05-06 07:50:22
2006阅读
react结合ant design做图片批量上传，使用的是ant design的Upload组件。 操作：点击上传图片按钮，批量选中图片，确认上传。 这个时候，antd的处理是，依次上传图片，一张图片调一次接口，选中8张图片，就会调用8次文件上传的接口，现在由于上传调用接口次数较多，于是准备改造成批 ...
转载
2021-10-27 17:53:00
3302阅读
2评论
第一步：在pages文件夹下新增一个index首页模块和404页面第二步：改造根目录app.js 说明：<Route path=/ />
1、实现地址栏不输入任何路由，重定向到index首页
2、@/layout/main/main.js layout主文件 第三步：编写管理系统基础layout（使用class组件,后期使用function组件改造）@/layout/main/m
转载
2021-01-31 12:20:45
334阅读
2评论
环境配置 安装脚手架：npm install create-react-app 安装yarn：brew install yarn 创建项目：create-react-app antd-demo 切换路径：cd antd-demo 安装路由：yarn add react-router-dom 安装ax ...
转载
2021-10-01 09:38:00
242阅读
2评论
create-react-app 项目名称（项目失败，ant 的样式出不来）项目技术栈react + redux + react-route + webpack+ axios + less + antd 使用create-react-app 创建的项目默认不支持less，以下增加less配置的步骤暴露配置文件create-react-app生成的项目文，看不到webpack相关的配置文件，
转载
2019-08-02 17:20:00
122阅读
2评论
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载
2021-08-08 12:13:00
152阅读
2评论
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
1、UMI提供了可视化antd模板，可以直接添加到项目中修改用 比如将个人中心添加到项目中 2、选择个人中心，确定 3、成功 4、打开项目 5、Route文件也自动添加 根路由有exact:true后面要把工作台移到mainfrm路由中 6、运行报错 7、安装 8、找不到style.less 安装l
转载
2020-02-11 00:04:00
346阅读
2评论
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始： npm install -g create-react-app /
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创
2022-09-29 16:08:20
97阅读
第1章 课程导学对课程整体进行介绍，并且 n。第3章 主页面...
转载
2019-01-24 22:22:00
193阅读
2评论
前言本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的时候，发现 upload 组件的很多bug。下面来列举几个。备注：本文写于2019-03-02，使用的 antd 版本是 3.13.6。使用 AntD 的 upload 组件做图片的上传因为需要上传多张图片
create-react-app my-admin 项目技术栈 react + redux + react-route + webpack+ axios + antd+styled-components（替代less） yarn add antd yarn add axios yarn add re
转载
2019-08-05 11:40:00
139阅读
2评论
一.React中使用antd1.下载antd包 npm i antd -S2.按需引入//App.jsx文件
import {Button} from 'antd' //引入按钮组件
import {WechatOutlined, ShoppingCartOutlined } from '@ant-design/icons'; //icon图标库需要另外引入
import
转载
2024-03-16 10:47:47
697阅读
<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN
原创
2022-09-20 12:02:45
35阅读
