react
文章平均质量分 53
Lily_miao
这个作者很懒,什么都没留下…
展开
-
antd table 行点击事件及行高亮显示
1.antd官网表格组件:https://ant.design/components/table-cn/#components-table-demo-dynamic-settings2.引用antd的表格组件,即:import {Table} from ‘antd’;渲染表格组件:说明:(1)rowClassName属性是添加表格行样式属性,此时的this.setCla...原创 2018-09-04 12:12:14 · 28199 阅读 · 1 评论 -
antd TreeSelect树选择的使用
1.antd官网TreeSelect组件:https://ant.design/components/tree-select-cn/2.运行效果图如下:3.组件引用及数据渲染实现:(1)组件的导入如下图:(2)组件的渲染:下图3-2-1为渲染组件:(相关引用均在下图做了说明)图3-2-1图3-2-2为渲染父节点:图3-2-2图3-2-3为渲染一...原创 2018-09-17 12:10:46 · 46386 阅读 · 0 评论 -
antd Upload 文件上传
1.antd官网Upload组件:https://ant.design/components/upload-cn/2.下图是最近开发的上传文档的效果: 3.文件上传的实现:(1)方法一:antd默认上传。a:渲染文件上传组件。getPDFURL()方法为实现文件的上传。showUploadList为是否展示 uploadList, true显示,false不显示,其可设...原创 2018-10-11 16:14:40 · 67765 阅读 · 8 评论 -
react最佳实践-React绑定this
React绑定this的方式在这里总结5种方式:1.React.createClass自动绑定:React.createClass创建的组件,可以自动绑定this。This这个关键字会自动绑定在组件实例上面。2.渲染时绑定:这种方法简明扼要,但是有一个潜在的性能问题:当组件每次重新渲染时,都会有一个新的函数创建。 如下所示onChange={this.handleChange.bin...原创 2018-10-11 17:21:02 · 360 阅读 · 0 评论 -
react浏览器兼容报错处理
IE11以下浏览器报错1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白。以及下图报错解决方法:(1)先安装babel-polyfill依赖,npm install babel-polyfill --save(2)安装好之后在配置文件webpack.config.dev.js中引入polyfills.js。如下图,下图为多入口文件(多页)配置的引入方式。单入口(单...原创 2018-12-13 14:43:20 · 4575 阅读 · 0 评论 -
react使用eval兼容IE浏览器
今天在项目开发中使用了eval方法,使用的目的是将后端返的字符串转换成我想要的方法,但是项目在360和IE浏览器下面报了下图错误。解决方法:方法1:是将你要转换的字符串用"(0 || " + 字符串 + ")"这种方式包起来,具体写法如下所示:(str为你为转换的字符串)语法:eval("(0 ||" + str +")")或者window.eval("(0 ||" + str +").原创 2018-12-21 18:05:49 · 1493 阅读 · 0 评论 -
braft-editor富文本编辑器的使用
1.在线演示: http://margox.github.io/braft-editor/2.安装:yarn add braft-editor或npm install braft-editor --save3.使用:编辑器支持value和onChange属性,这类似于React中原生的input组件。通常情况下,可以用典型的受控组件的形式来使用本编辑器:import React ...原创 2019-01-29 17:02:59 · 10445 阅读 · 7 评论 -
在React项目中将类组件转换为功能组件(使用React Hooks)
接下来介绍一下如何使用react hooks(react钩子)将类组件转换为功能组件。说明:react hooks(react钩子)必须在react 16.7版本上运行react在16.7alpha版本中引入了react hooks(react钩子)的使用,hooks(钩子)是如何工作的?公开了两个新的api来处理状态和生命周期方法(他们是类函数的核心组件),这些api是useState和...原创 2019-03-02 10:15:34 · 2917 阅读 · 0 评论