![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
清醒且孤独
这个作者很懒,什么都没留下…
展开
-
在 react 中添加enter键出搜索
在React 中enter 键的大致思路就是在document.body上添加“keyup/keydown”事件,然后在keycode=13即按下enter键时触发此事件。接下来将呈现在React 的 构造函数组 件以及 函数组件 中如何添加 enter 键搜索函数组件 componentDidMount(){ document.body.addEventListener('keydown',this.handleKeyDown); } componentWillUnmount(原创 2021-03-10 14:14:56 · 2470 阅读 · 0 评论 -
使用react-router-cache-route实现页面状态的缓存
开发中有从详情页返回列表页的需求,这样一来页面返回后使用react-router会直接刷新页面,导致页面中的分页和搜索条件全部丢失,用户体验不佳,所以就必须将列表页的状态进行缓存。网上搜索大概有几种方法:1、使用localStorage/sessionStorage进行页面的状态的保存,跳转页面后再进行获取,这种方法虽然可行,但是从根本来说还是从新向后台再一次请求了数据,不算最佳方案。2、react-activation,尝试未果3、react-kepper,需要将项目的react-router替换原创 2020-09-21 16:31:37 · 10643 阅读 · 7 评论 -
react + antd实现只展开一个父级菜单栏的侧边栏(三级菜单栏)
工作中遇到一个需求,三级侧边栏只能展开一个父级菜单栏,保持页面简洁,提高用户体验,也是在网上查了很久,也没有完全符合要求的,就结合他人的自己写了一个。。。。展开三级父级菜单的方法onOpenChange = (openKeys) => { const latestOpenKey = openKeys.find(key => this.state.openKeys.indexOf(key) === -1); let openList; if(th原创 2020-09-15 17:10:02 · 3798 阅读 · 0 评论