react中的路由配置踩坑记

【react中的路由配置踩坑记】的更多相关文章

react中的路由配置踩坑记

react 路由配置中,如果根路由(/)匹配一个组件,另一个路由(/list)在进行匹配的时候也会匹配到根路由(/),即在 /list 页面展示的时候 / 页面总是展示在上方. 此时如果想进行严格匹配,有两种实现方式: 1.在 / 路由配置中使用 exact, 这时候在匹配 /list 时候, / 页面不会显示. 2.去除了exact之后,无论进哪个页面都是“/”对应的页面,这个时候,只需要把路由的顺序调整一下,把“/”这个Route放到最后即可注意事项: react-router 嵌套路由…

记一次 Spring 事务配置踩坑记

记一次 Spring 事务配置踩坑记问题描述:(SpringBoot + MyBatisPlus) 业务逻辑伪代码如下.理论上,插入数据 t1 后,xxService.getXxx() 方法的查询条件会不满足,会查询不到数据.结果事与愿违,后一次的查询,居然查到了数据. void saveXxx(){ xxService.getXxx(); // 查到一条数据 data1 xxService.insert(); // 插入一条数据 t1 xxService.getXxx(); // 查到…

Redis中的Scan命令踩坑记

1 原本以为自己对redis命令还蛮熟悉的,各种数据模型各种基于redis的骚操作.但是最近在使用redis的scan的命令式却踩了一个坑,顿时发觉自己原来对redis的游标理解的很有限.所以记录下这个踩坑的过程,背景如下: 公司因为redis服务器内存吃紧,需要删除一些无用的没有设置过期时间的key.大概有500多w的key.虽然key的数目听起来挺吓人.但是自己玩redis也有年头了,这种事还不是手到擒来? 当时想了下,具体方案是通过lua脚本来过滤出500w的key.然后进行删除动作.lu…

React中Ref 的使用 React-踩坑记_05

React中Ref 的使用 React v16.6.3 在典型的React数据流中,props是父组件与其子组件交互的唯一方式.要修改子项,请使用new props 重新呈现它.但是,在某些情况下,需要在典型数据流之外强制修改子项.要修改的子项可以是React组件的实例,也可以是DOM元素.对于这两种情况,React都提供了api. 何时使用refs refs有一些很好的用例: 1.文本选择或媒体播放. 2.触发势在必行的动画. 3.与第三方DOM库集成. 避免将refs用于可以声明性地完成的任…

Gitlab Jenkins WebHook 持续集成配置踩坑记

Jenkins相关介绍 Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能. 目的配置Gitlab与Jenkins,达到当Gltlab中Push代码时,Jenkins能够自动从Gitlab代码库同步代码的最新版本,并且自动构建. 前提安装Gitlab Plugin.Gitlab Hook Plugin等Gitlab相关Plugins. 方法步骤 1.Jenkins中,选择想要配置持续集成的项…

vscode 配置踩坑记

vscode-easy-less 遇到问题最好的解决方式是看官网文档,切记!!! 在web开发当中,经常会写less然后编译成css,当然在VS Code当中也有这样的插件(EasyLess), 但是当我们创建一个.less文件,写相关代码进行保存时,会发现它会在.less文件同目录生成对应名字的.css文件, 当页面过多时,就会导致目录文件过多而且看起来不清晰,所以一般会把.less和.css分别放在不同的目录下, 这样就需要我们配置一下less文件编译为css的时候所生成文件的位置, 配置方…

Hook踩坑记：React Hook react-unity-webgl

自公司前后分离上手React以来,一个坑一个坑的踩,Class的全生命周期云里雾里,还么屡明白,就抱上了Hook的大腿不松手,确实爽到飞起.修改到Hook的过程基本比较顺畅,直接少了三分之一的代码,组件更容易封装,调试更方便,诸多优点在此不再赘述,已有各路大佬纷纷评价,此处贴上中文官方地址:React-Hook文档.这里主要讲讲修改到一块关于 Unity 3D模型加载的踩坑记. 背景:React 加载 Unity 3D模型 ,使用到一个插件 react-unity-webgl,感兴趣的盆友可以自…