![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 56
废八
醉后不知天在水,满船清梦压星河
展开
-
antd-select拼音首字母模糊查询
antd-select拼音首字母以及汉字模糊查询cnchar安装引入使用下拉框数据下拉框重写筛选函数百度搜了很久,jQuery方法在react里会报错,终于找到了一个可以实现的第三方库cnchar。可以实现拼音首字母以及汉字模糊查询cnchar安装npm i cnchar引入在使用的页面导入import cnchar from 'cnchar';使用下拉框数据有专门的department表,phone表内的department条目用的department表的id,所以用value记原创 2021-12-30 13:43:30 · 1437 阅读 · 1 评论 -
antd-table按照单元格值更改字体颜色
antd-table按照单元格值更改字体颜色当部门为领导班子时,让单元格内文字变成红色更改前://table表头 const columns = [ { title: '姓名', // position: 'fixed', fixed: 'left', dataIndex: 'name', key: '原创 2021-12-29 10:03:14 · 4429 阅读 · 1 评论 -
react-antd表格导出为Excel
react-antd表格导出为Excel安装插件js-export-excel页面导入页面导入按钮调用结果安装插件js-export-excelyarn安装-记得以管理员身份执行yarn add js-export-excel npm安装npm install js-export-excel页面导入页面导入import CreateExcel from 'js-export-excel';按钮<Button style={{margin:'0 0 0 25px'}} onCl原创 2021-12-15 17:24:44 · 1395 阅读 · 0 评论 -
前后端分离Java获取发送请求的电脑的IP地址
前后端分离Java获取发送请求的电脑的IP地址后端前端注意[○・`Д´・ ○]后端获取发送请求的电脑的IP地址package com.receiptback.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.CrossOrigin;import org.springframework.web.bind.annotation.Requ原创 2021-12-08 15:38:45 · 1997 阅读 · 0 评论 -
npm install报错
npm ERR! Cannot read property 'match' of undefined 错误处理原创 2021-12-06 14:07:28 · 633 阅读 · 0 评论 -
react+antdexcel文件上传预览功能
react+antdexcel文件上传预览功能下载js-xlsx插件yarn add xlsx 或者 npm install xlsx在项目中引入import * as XLSX from 'xlsx';定义插件,并暴露出去export default class UploadFile extends Component {}定义全局变量this.state = { tableData: [], // table的数据转载 2021-12-06 10:29:26 · 2348 阅读 · 0 评论 -
React+SpringBoot项目部署(idea以及webstorm)
React+SpringBoot项目部署我是用的是idea以及webstorm进行编程react打包react项目创建按照百度使用webstorm创建react app,随便搜就行创建好自己的项目写好后进行打包命令:npm run build这个样子就是打包好了,在自己项目文件夹里会有一个build文件,把里面的内容复制后端打包创建spring initializr项目,现在需要的插件依赖下载,百度也可以搜到就不多说了,插件啥的也可以后面再pom里再添加。在项目的resource里创建一原创 2021-11-19 16:08:02 · 1309 阅读 · 0 评论 -
springboot项目打包jar后图片上传及图片路径
springboot项目打包jar后图片上传及图片路径前端部分<Upload name=“logo” action=“http://localhost:9001/api/phonebook/uploadPhoto” listType=“picture”accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"maxCount={1} {…props}><Button icon={}>点击上传<Form.Item原创 2021-11-19 15:44:11 · 3651 阅读 · 0 评论 -
react项目兼容ie
react项目兼容ie报错,map未定义根据 react 官方文档,在index.js使用 core-js 引入 polyfill:import 'react-app-polyfill/ie9'import 'core-js/es6/map'import 'core-js/es6/set'通过在 index.html 文件的头部引入 es6-sham 和 es6-shim,保证执行所有代码前执行 polyfill 脚本,解决了该兼容性问题... <title>Rea原创 2021-11-10 16:09:01 · 1775 阅读 · 0 评论 -
antd的upload组件上传图片至后端项目resource文件夹
antd的upload组件上传图片至后端项目resource文件夹前端部分<Upload name=“logo” action=“http://localhost:9001/api/phonebook/uploadPhoto” listType=“picture”accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"maxCount={1} {…props}><Button icon={}>点击上传accept=".jpg,.jpeg,.p原创 2021-11-05 16:28:31 · 864 阅读 · 0 评论