![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
余丁
这个作者很懒,什么都没留下…
展开
-
antDesign table按时间排序
方法:{ //column中的时间列 title: "发送请求时间", dataIndex: "createTime", key: "createTime", //排序方法 sorter: (a, b) => { let aTime = new Date(a.createTime).getTime(); let bTime = new Date(b.createTime).ge原创 2020-11-06 15:54:02 · 3143 阅读 · 0 评论 -
在ubuntu虚拟机上通过tomcat部署react的build项目
1.tomcat下载 官网下载下载链接:https://mirrors.bfsu.edu.cn/apache/tomcat/tomcat-9/v9.0.39/bin/apache-tomcat-9.0.39.tar.gz2.jdk环境下载终端中输入如下: sudo apt install openjdk-8-jre-headless输入java -version查看版本是否为jdk1.8.03.把build文件放到tomcat的/webapps/ROOT文件下由于我的tomcat文件夹都是上原创 2020-10-17 15:14:30 · 253 阅读 · 0 评论 -
react项目的axios封装
分享一个 react-axios 的组件封装请求拦截器带token放请求头封装:import axios from "axios";import qs from "qs";import { message } from "antd";import Cookies from "js-cookie";export default function ajax(url, data = {}, method = "GET") { return new Promise((resolve, rej原创 2020-07-29 20:16:47 · 508 阅读 · 0 评论 -
关于react+ant-design分页操作
写在前面:这里用到的分页组件是antd的Pagination我分了contentMenu.jsx\pageinationItem.jsx\contentword.jsx三个文件写分页操作contentMenu.jsx :使用componentWillMount请求第一次加载的数据,并将pageinationItem.jsx\contentword.jsx搭建的组件引入作为它的子组件。pageinationItem.jsx:放置分页组件,并传点击事件的值(key)给父组件contentword.jsx原创 2020-07-14 14:34:42 · 2776 阅读 · 0 评论 -
关于react 子组件父组件之间的传值
父组件给子组件传值写在前面:这里用到的PageinationItem组件是ant-design提供的。当然你也可以自定义组件。父组件引用子组件需要添加待传递的变量名称和变量数据<PageinationItem defaultCurrent={1} defaultPageSize={defaultPageSize} current={this.state.current} total={total} pages={pages}原创 2020-07-14 09:48:37 · 199 阅读 · 0 评论 -
关于setState异步的解决方法
将需要在setState后执行的代码放在回调函数中this.setState( () => { return { expId: index }; }, () => { const { expId, user } = this.state; console.log(expId); reqExpAccess(user.userId, expId) .then(response =原创 2020-07-10 09:34:44 · 1554 阅读 · 0 评论 -
react 关于iconfont图标应用和动态图标
问题开发的时候遇到了antd的icon无法使用的问题,百度无果,改用iconfont。又遇到了图标静态不知如何旋转的问题,百度后发现用css修改即可。解决方法1. 首先把要用的图标拉入iconfont的购物车,并添加到iconfont的项目分组中var icon=document.getElementsByClassName('icon-gouwuche1');for(var i=0;i<icon.length;i++){icon[i].click();}通过上面这行代码可以全选(需要等待原创 2020-07-02 10:45:29 · 3004 阅读 · 0 评论 -
react 关于 proxy 配置报错
问题:在package.json 中配置proxy时出现了proxy is not a function 的错误,查看资料后发现是版本更新后不兼容。解决办法:安装http-proxy-middlewarenpm install http-proxy-middleware --save在src中新建一个setupProxy.js文件,写入const {createProxyMiddleware} = require('http-proxy-middleware');module.ex原创 2020-07-02 09:41:16 · 680 阅读 · 0 评论