直接上代码 以下是官网的例子 import { Menu, Icon } from 'antd'; const { SubMenu } = Menu; class Sider extends React.Componen…
分类:React
react打印
由于业务需要打印业务,所以查询了一些资料,总结一下打印的一些方法。 1.调用window.print打印 win…
文件流下载文件后提示不支持打开该类型文件或文件已损坏
在react项目中用到下载,请求后端接口返回文件流,前端来处理文件流生成文件后下载。 要设置responseType!! 采用的方法就是百度上随便一搜就可以搜到的Blob方法,最开始要下载的文件格式为.pdf,但是下载完…
antd表格固定列遮挡
需求:在原本表格基础上设置左右列为固定列。 现有情况:个别表格不带勾选框,个别表格带勾选框。 问题描述:前者直接给列加上fixed即可,后者加上fixed会出现可移动列被左侧固定列遮挡部分的情况。 给表格设置固定列后,实…
手把手带你10分钟手撸一个简易的Markdown编辑器
前言 最近我在项目中需要实现一个 markdown编辑器 的需求,并且是以React框架为开发基础的,类似掘金这样的: 我的第一想法肯定是能用优秀的开源就一定用开源的,毕竟不能老是重复造轮子。于是我在我的前端群里问了很多…
JSX语法使用详解——终极版
一、基础 1、JSX是什么 JSX是一种像下面这样的语法: const element = <h1>Hello, world!</h1>; 它是一种JavaScript语法扩展,在React中可以…
react中解决this指向问题的四种方法
相信大家在学习和使用react的过程中,稍不注意就会出现this指向错误的问题,这个问题虽然比较好解决,但是还是让人比较头疼,那么下面就说一下解决这个问题的四种写法。 一.行间定义事件后面使用bind绑定this run…
React table无内容时显示No Data,修改为中文内容:暂无数据
1、初始化是设置emptyText参数。 constructor(props){ super(props); this.state = {  …
react + ant design 实现动态合并Table表格(相同数据合并为一条)
一、首先来看看需求,主要就是一个表格的合并 这里是官方文档给出的关于合并的方法 表头只支持列合并,使用 column 里的 colSpan 进行设置。 表格支持行/列合并,使用 render 里的单元格属性 colSpa…
Antd Table + Tooltip 时Tooltip无法跟随单元格移动——getPopupContainer改变Tooltip浮层渲染父节点
当表格滚动的时候,由于tooltip是绑定在单元格内部的元素中的,不随着当前的单元格一同移动(上下左右)。需要用到getPopupContainer属性,让它挂载到当前单元格上,就可以随着单元格移动了。 <Popo…
通过JS实现点击复制页面表格到Excel
本文基于react项目实现。 起因 接了一个需求,要求实现点击页面上的一个按钮,复制某个表格数据,然后ctrl+V到Excel表格中。 思考 其实我觉着这个功能用导出Excel的方式实现不就好了么。不过本着好奇的心思,还…
react生命周期及在生命周期中的钩子函数
首先看一张生命周期图 constructor 是ES6对类的默认方法,通过 new 命令生成对象实例时自动调用该方法。并且,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )方法。当存在…