react
玉林路扛把子
菜鸟一枚
展开
-
【已解决】纯前端导入excel文件
1.组件内容import "antd/es/upload/style";import _Upload from "antd/es/upload";import "antd/es/button/style";import _Button from "antd/es/button";import "antd/es/icon/style";import _Icon from "antd/es/icon";import _extends from "babel-runtime/helpers/原创 2020-11-27 09:55:08 · 414 阅读 · 0 评论 -
React 纯前端导出Excel (2)
之前写过一篇关于纯前端导出excel的文章 但是之前用的那个依赖不兼容ie 现在重新发表一个兼容ie的;1.安装依赖npm install xlsx2引用公共方法 ,方法已经封装,直接禁用即可,公共方法/** * 纯前端导出Excel工具 */import * as XLSX from "xlsx";import {saveAs} from '@progress/kendo-file-saver';export function formatJson(filterVal, ..原创 2020-06-10 11:44:55 · 623 阅读 · 1 评论 -
【已解决】react或者vue中get/post下载文件(方法是react,vue同理)
1 公共方法 到时候直接引用就行import { Button, message } from 'antd';import React from 'react';import httpUtils from '../../utils/FeatchUtils';// 导出excel/** * * @param api 导出的接口 * @param params 当前的查询条件 * @param fileName 导出的文件名(和后端确认文件扩展名是xls还是xlsx) * @param原创 2020-05-13 14:38:41 · 700 阅读 · 0 评论 -
antd Table中点击整行被选中并且高亮
在实际项目遇到个需要,点击整行任意位置,table该列都被选中效果如上 ,代码如下 <Table rowKey={record => record.id} rowSelection={{ onChange: this.checkRows, select...原创 2019-01-30 14:58:44 · 9595 阅读 · 0 评论 -
react生命周期shouldComponentUpdate的初次使用
本次做了一个关于多个table之间数据的绑定切换问题,数据一直不能同步更新 ,于是网上搜半天最终还是回到react的本质生命周期上面来,shouldComponentUpdate网上有解释:react性能优化非常重要的一环。组件接受新的state或者props时调用,我们可以设置在此对比前后两个props和state是否相同,如果相同则返回false阻止更新,因为相同的属性状态一定会生成相...原创 2018-12-22 22:36:40 · 1739 阅读 · 0 评论 -
react ant form 手动更新form表单值
this.props.form.setFieldsValue({ name:"张三", });原创 2018-10-15 10:22:33 · 2545 阅读 · 0 评论 -
react antd 自定义Pagination 分页功能
antd 自定义Pagination 分页功能,研究明白其实看着很简单 主要就是slice((pagenum-1)*pageSize,(pagenum-1)*pageSize+pageSize) {objlistdata.slice((pagenum-1)*pageSize,(pagenum-1)*pageSize+pageSize).map((item,index)=>{ ...原创 2018-05-30 10:56:11 · 24398 阅读 · 6 评论 -
react 修改state为对象中的某一个属性值
针对state为对象,想要修改对象中某一个值而不修改其他值,请欣赏接下来的方法 1.设置state对象state={ datavalue:{ slid:'', name:'', memo:'', version:'', icon:defaultimg, loginlink:'', key:'', ...原创 2018-05-24 15:41:02 · 33289 阅读 · 6 评论 -
react Antd中使用Tabs组件点击头部,只更新一次问题
在使用tabs使用子模块中数据请求只执行第一次点击该头部时候,后面多次返回之后执行数据无效等问题 可以通过ref对子模块方法进行调用MenuTab=(e)=>{ console.log(e); this.setState({ tabDeafult:e }) window.sessionStorage...原创 2018-05-29 10:28:50 · 9166 阅读 · 5 评论 -
web PC端和移动端钉钉免登 js
1.首先引用两个钉钉的js <script type="text/javascript" src="http://g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script> <script type="text/javascript" src="http://g.alicdn.com/di.原创 2018-05-15 19:42:34 · 7228 阅读 · 4 评论 -
Design Ant 中form表单添加自定义验证
1.引入Ant组件写入基本内容 *<FormItem label="分组描述"> {getFieldDecorator('description', { initialValue: this.state.description , rules: [{ required: t...原创 2018-05-09 13:49:04 · 4697 阅读 · 0 评论 -
【已解决】React Ant Design中table里面使用onclick事件页面加载后自动执行,点击无效
问 题 : Ant Design中table里面使用onclick事件页面加载后自动执行,然后点击无效解决方案1:{ title: '操作', dataIndex: 'id', key: 'id', width: "7%", ren...原创 2018-04-18 10:59:43 · 14057 阅读 · 11 评论 -
【已解决】React AntDesign中table分页
1.import { Table } from 'antd';render() { return ( <Table pagination={{//根据ant中pagination组件可以添加相应的参数,此处只简单进行处理 showSizeChanger: true, ...原创 2018-04-04 16:27:41 · 3199 阅读 · 0 评论 -
react添加图片 react添加背景图片
1.import logo from "../../style/imgs/logo.png"//图片相对路径2. render() { return ( <div className="login" style={{backgroundImage:`url(${logo})`}}>//添加背景图片 <img src={...原创 2018-04-04 15:53:11 · 8301 阅读 · 0 评论 -
react中根据条件渲染不同内容
render() { return ( <div className="timeSelect fleft"> {this.state.visible&&<span>visible=true</span> } {!th...原创 2018-04-04 15:41:51 · 3231 阅读 · 0 评论 -
【解决】react更新状态(state)之后调用该状态时还是并没有及时更新
test=(e)=> { this.setState({ visible: e, }); setTimeout(() => { this.VisibleFunc() },0);//通过延时处理 } VisibleFunc=(e)=> { console....原创 2018-04-04 11:16:14 · 5358 阅读 · 0 评论 -
【已解决】React如何通过路由重新加载当前页面 Warning: You cannot PUSH the same path using hash history
在当前页面点击按钮想重新加载却发现react不刷新当前页面,提示 Warning: You cannot PUSH the same path using hash history解决方法:只需要新建一个空白页面.先跳转到空白页面.再从空白页面跳转到当前页面即可index.jsx页面执行: hashHistory.push({ pathname: '/bla...原创 2018-04-09 16:46:14 · 9712 阅读 · 2 评论 -
【已解决】React Ant Design如何更改主题颜色
React Ant Design如何更改主题颜色1.开发环境:修改webpack.config.dev.jsloaders:[ // 解析 less 文件,并加入变量覆盖配置 { test: /\.less$/, loader: 'style!css!postcss!less?{modifyVars:{"@primary-color":"#00CC6...原创 2018-04-09 14:30:51 · 16441 阅读 · 0 评论 -
【已解决】react.js javascript web前端导出Excel表格
react 前端导出excel1.安装下载 npm install js-export-excel2.引入 import ExportJsonExcel from 'js-export-excel'3.调用方法 var option={};option.fileName = 'excel'option.datas=[ { sheetData:[{one:'一行一列',two:'...转载 2018-04-09 10:09:29 · 4538 阅读 · 2 评论