React
_lxj
这个作者很懒,什么都没留下…
展开
-
解决react hooks在devtool中不能显示详细信息的问题
解决react hooks在devtool中不能显示详细信息的问题问题使用hooks api进行开发时,发现正在使用的devtool工具(3.6版本)不能正常使用,如果state不是原始结构,就会显示为形如 {...} 这样的格式。解决安装4.0体验版本 https://react-devtools-experimental.now.sh/具体可见相关的issue https://gi...原创 2019-04-17 10:03:21 · 1931 阅读 · 0 评论 -
react-transition-group中文指南
Transtion 组件基本示例propschildreninmountOnEnterunmountOnExitappearenterexittimeoutaddEndListeneronEnteronEntering *onEnteredonExitonExitingonExitedCSSTransition各阶段的名词解释及包含类名p...原创 2019-04-17 10:09:40 · 2251 阅读 · 0 评论 -
前端项目结构的划分
-| common // 常用工具以及公共函数 -| const.js -| common.js -| util.js -| config.js-| (hoc|mixin|hooks) // 框架相关的功能文件-| store -| index.js // 生成实例并进行一些必要配置后导出 -| entrys.js // 整合所有所有module并导出 -| module...原创 2019-05-26 10:34:53 · 2738 阅读 · 0 评论 -
为react-router实现无副作用的路由动画
为react-router实现无副作用的路由动画下面是比较常见的一种react-router动画实现方式:<TransitionGroup> <CSSTransition key={location.key} classNames="fade" timeout={300} > <...原创 2019-08-16 10:49:18 · 226 阅读 · 0 评论 -
react-router-4、5组件外跳转
使用Router自定义history即可import { Router } from 'react-router-dom';import { createBrowserHistory, createHashHistory } from 'history';// 根据需要选择hash还是h5路由, 然后就能在组件外通过history.push进行编程式导航了const history = ...原创 2019-09-19 11:49:03 · 947 阅读 · 0 评论 -
为react-router实现无副作用的路由动画
为react-router实现无副作用的路由动画下面是比较常见的一种react-router动画实现方式:<TransitionGroup> <CSSTransition key={location.key} // 关键位置 classNames="fade" timeout={300} > ...原创 2019-09-19 11:50:51 · 296 阅读 · 0 评论