先把antd table的基本样式引入,在columns中需要设置单元格属性的列描述数据对象中加入onCell属性,引入css样式 import styles from './xxx.less'; columns = […
分类:React
React实战 | antd message全局提示,异步移除提示
项目中需要展示一个“创建中”的message全局提示, 调用api,等待后台返回成功状态码后,移除“创建中”的message // 第二个参数是表示自动关闭的延时,单位秒。设为 0 时不自动关闭。 const hide …
antd upload 图片上传前压缩
onChange = (files, type, index) => { const newItem = _.cloneDeep(this.state.imgData); if (type === "add") {…
组件封装注意事项
https://github.com/YvetteLau/Blog 参考文章 尽可能低耦合,组件之间的依赖越小越好 比如不要直接修改父组件状态。 最好从父级传入所需信息,不要在公共组件中请求数据 传入数据添加校验 处理事…
setState 同步异步 半自动批处理 React18全自动批处理
https://zhuanlan.zhihu.com/p/39512941 setState 的同步和异步 1.setState 只在合成事件和钩子函数中是“异步”的,在原生事件和setTimeout 中都是同步的。注意…
js三目 仿写if else if else
const { log } = console let a = 2 // let b = 2 // let c = 3 // if (a == 1) { // log(1) // } else if (a == 2) {…
React table无内容时显示No Data,修改为中文内容:暂无数据
1、初始化是设置emptyText参数。 constructor(props){ super(props); this.state = {  …
react中使用antd的二级菜单点击一个其他关闭
直接上代码 以下是官网的例子 import { Menu, Icon } from 'antd'; const { SubMenu } = Menu; class Sider extends React.Componen…
Antd Table + Tooltip 时Tooltip无法跟随单元格移动——getPopupContainer改变Tooltip浮层渲染父节点
当表格滚动的时候,由于tooltip是绑定在单元格内部的元素中的,不随着当前的单元格一同移动(上下左右)。需要用到getPopupContainer属性,让它挂载到当前单元格上,就可以随着单元格移动了。 <Popo…
react中解决this指向问题的四种方法
相信大家在学习和使用react的过程中,稍不注意就会出现this指向错误的问题,这个问题虽然比较好解决,但是还是让人比较头疼,那么下面就说一下解决这个问题的四种写法。 一.行间定义事件后面使用bind绑定this run…
react根据条件改变边框颜色
遍历数据,根据数据中的某个值来更改div边框的颜色 picinfo.map(item => ( <div className={styles.boxshow} style={ { borderWidth: '…
react打印
由于业务需要打印业务,所以查询了一些资料,总结一下打印的一些方法。 1.调用window.print打印 win…