![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react开发
XiaooSe
从事于web前端开发,热爱健身,程序员中的撸铁者。勇于尝试,驾驭人生。
展开
-
React-router4简约教程(转载url:http://react-china.org/t/react-router4/15843)
React-router和React-router-dom的选择什么react-router和react-router-dom?往往开始会比较懵逼。下面我们就来一探究竟。 React-routerReact-router提供了一些router的核心api,包括Router, Route, Switch等,但是它没有提供dom操作进行跳转的api。 React-rout...转载 2018-08-26 10:36:57 · 255 阅读 · 0 评论 -
this.setState修改某一对象的某个属性值,其它保留不变
state中数据如下class Illegals extends React.Component { constructor(props) { super(props); this.state = { pageNav: { pageSize: 20, pageNum: 1, total: 50 } ...原创 2019-05-16 18:58:53 · 11104 阅读 · 1 评论 -
create-react-app 打包后资源路径引入不正确
解决方案在根目录下package.json配置 homepage: '.'为避免麻烦,使用HashRouter代替BrowserRouter原创 2019-05-21 19:27:48 · 2497 阅读 · 0 评论 -
react中index中引入ckplayer播放器
1. 下载包到本地 网址: http://www.ckplayer.com/将包解压放于public文件夹下3. index.html中引入ckplayer.js在body标签下添加script type="text/javascript"> // 动态生成腳本 // urls----script.src地址数组、callback---回调函数 ...原创 2019-05-16 15:16:44 · 2031 阅读 · 9 评论 -
react中查看图片大图插件react-zmage的用法
近期react项目有使用到查看大图这一功能,特此记录下react-zmage的使用心得插件官方地址 https://zmage.caldis.me/ 使用方法yarn add react-zmage -S 或者 npm install react-zmage -S在需要的地方引入 import Zmage from 'react-zmage' 将页面中的i...原创 2019-05-16 14:09:56 · 7872 阅读 · 1 评论 -
后台管理系统导出数据列表返回二进制数据,下载后为null
导出文件,后台返回二进制数据前台ajax请求需要设置responseType: arraybufferArrayBuffer对象,表示通用的、固定长度的原始二进制数据缓冲区。ArrayBuffer 不能直接操作,而是要通过类型数组对象或 DataView 对象来操作,它们会将缓冲区中的数据表示为特定的格式,并通过这些格式来读写缓冲区的内容。这里我使用的自己封装的axios公共配置impo...原创 2019-05-21 14:15:07 · 768 阅读 · 0 评论 -
echarts图像下载与和传参传给后台导出excel文件
需求分析将echarts图像以file形式传给后台,以excel列表形式进行下载导出图像与列表掌握内容canvas图像下载到本地,转成Blob对象,转成file文件FormData添加其它需求参数js-file-download下载后台返回的二进制文件Step1: canvas图像下载到本地,转成Blob对象,转成file convertCanvas(canvas) { /...原创 2019-05-20 16:49:09 · 1840 阅读 · 0 评论 -
react组件通信解析: 1. 父子组件传值 2.父子组件方法互相调用
父组件 parent.jsximport React from 'react';import Child from './child';class Parent extends React.Component { constructor(props) { super(props); this.state = { queryInfo: { a: ...原创 2019-05-20 14:07:12 · 326 阅读 · 0 评论 -
plugin-transform-react-jsx文件找不到
使用creat-react-app脚手架搭建npm run eject 后 报错解决方案删除node_modules文件夹重新 yarn 或者npm install 命令重新下包yarn start 或 npm run start 运行项目原创 2019-05-07 11:33:55 · 608 阅读 · 0 评论 -
antd 国际化如何解决
前提 已对antd的按需引入做了配置moment 是处理日期的插件yarn add moment -S 即可或者 npm install moment按照图下引入原创 2019-05-14 14:34:21 · 4981 阅读 · 0 评论 -
create-react-app创建,ie11不兼容
问题描述按照官方文档使用yarn create react-app centre-app 创建工程使用yarn start, chrome浏览器可正常访问以下为packge.json配置文件但在ie11下报如下图错误经过百度、必应、google一通后,发现并没有react@16.8.6版本的解决方案,最后在github官方issues中找到解决方案,记录分享下。1. yarn ad...原创 2019-05-06 19:46:50 · 5553 阅读 · 5 评论 -
antd table如何默认选中第一行,并添加背景色
table配置<Table columns={this.state.columns} dataSource={this.state.tableData} bordered // loading rowClassName='table-box-detail' pagination={false} // scroll={{y: ...原创 2019-05-17 17:33:39 · 7218 阅读 · 1 评论