描述: 登录后,刷新后依然处于登录状态(维持登录) 登录后,关闭浏览器后打开浏览器访问依然是已经登录状态(自动登录) 登录后,访问登录路径自动跳转到管理界面 1.下载依赖 2.utils/storageUtils.js&…
分类:React
setState 同步异步 半自动批处理 React18全自动批处理
https://zhuanlan.zhihu.com/p/39512941 setState 的同步和异步 1.setState 只在合成事件和钩子函数中是“异步”的,在原生事件和setTimeout 中都是同步的。注意…
react+antd 自定义table单元格属性
先把antd table的基本样式引入,在columns中需要设置单元格属性的列描述数据对象中加入onCell属性,引入css样式 import styles from './xxx.less'; columns = […
DatePicker组件自定义日期单元格的内容和样式
DatePicker组件自定义日期单元格的内容和样式 本文用的是React + Ant Design组件,效果如图所示 代码如下所示: <DatePicker style={ { width: '100%' }} …
React实战 | antd message全局提示,异步移除提示
项目中需要展示一个“创建中”的message全局提示, 调用api,等待后台返回成功状态码后,移除“创建中”的message // 第二个参数是表示自动关闭的延时,单位秒。设为 0 时不自动关闭。 const hide …
React 基于ant design Pro 4 实现的一个分页, 自定义页码颜色
标题目录 代码 样式 前言 这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的。 有这么一个需求, 页码的颜色基于该页是否有差异, 没有差异就正常颜色…
通过JS实现点击复制页面表格到Excel
本文基于react项目实现。 起因 接了一个需求,要求实现点击页面上的一个按钮,复制某个表格数据,然后ctrl+V到Excel表格中。 思考 其实我觉着这个功能用导出Excel的方式实现不就好了么。不过本着好奇的心思,还…
React 组件的三种写法总结
React 专注于 view 层,组件化则是 React 的基础,也是其核心理念之一,一个完整的应用将由一个个独立的组件拼装而成。 1. ES5写法React.createClass, 2 . ES6写法React.Co…
【React全解4】useEffect--在函数组件中使用生命周期函数
目录 函数组件面临的问题 useEffect模拟函数组件的生命周期函数 其他生命周期函数 一、函数组件面临的问题 函数组件好是好,但是它有缺点。对比类组件,它没有state和生命周期函数。这样一来,许多细化的功能那不就不…
react根据条件改变边框颜色
遍历数据,根据数据中的某个值来更改div边框的颜色 picinfo.map(item => ( <div className={styles.boxshow} style={ { borderWidth: '…
狗屎一样的React(第三节,创建app顶部标题栏)
这一节,我们将创建APP顶部通用的标题栏。这个东西项目中也很常用的,什么?你想不到什么是顶部通用标题栏,我给你找几个图片: 就是这个东西。react所有的我们所看到的每一块东西,我们都应该以模块的思路来做。 1、css内…
Ant Design的TreeSelect支持多选和搜索功能,如果查询不到,则搜索框不能清除的问题处理。
树型选择控件多选支持搜索的时候,输入文字,匹配不到数据的时候,失去焦点或者提交表单的时候清空输入的查询文字. 之前帖子方法有一点问题,就是在搜索树的时候,如果搜索到,在点击数据会存在数据有时候加载不进去的情况。修改原始代…