react技术栈
夜码狂农
这个作者很懒,什么都没留下…
展开
-
解决useEffect对model的循环依赖问题
解决react useEffect循环依赖问题原创 2022-10-27 23:01:11 · 378 阅读 · 0 评论 -
谈谈前端页面式流程实现的坑及开发建议
在某些业务流程中,需要一步步的引导用户进行每一步操作。这时,假设只是静态页面,那么非常简单。但在某些情况下,用户的每一步操作都设计到许多交互,这时情况就变得相当复杂。开发者面临的一个问题是:如何简化页面式流程的逻辑?之所以说简化,是因为这时,需要考虑的问题非常多,且很难考虑周全,维护性也将是巨大的挑战,这些问题包括:跨页面传递数据的实现方案是什么?刷新页面时是否保留数据?浏览器前进/后退行为,开发者无法控制,如何防止前进/后退产生的bug?从url进入是否允许访问?何时清除掉多余数据原创 2021-02-04 16:07:13 · 401 阅读 · 0 评论 -
React妙用useRef解决卸载时难以获取最新state问题
适用场景假设我们有这样的需求:从后端接口拉取数据之后,如果报错码是500001,保则存当前页面数据,并跳转页面,否则不保存数据并且不跳转。state能解决问题吗显然,我们需要在组件中存储一个变量,用于标志在组件卸载时是否需要保存数据。最为常规的是,我们可以使用useState来定义一个变量。const [isRemain,setIsRemain] = useState(false);当报错500001时,我们可以将其设置为true,然后跳转:setIsRemain(true);repl原创 2021-02-04 14:33:58 · 2196 阅读 · 5 评论 -
material UI中withStyles和makeStyles的区别
在material UI中,withStyles和makeStyles是经常使用的两个用于封装样式的函数。对于刚使用material UI的开发者而言,可能不太清楚这两者的区别。 本文简要探究这两者之间的功能和使用上的差异。差异一:内部是否可以使用props的差异withStyles内部不可以使用props。也就是说你的样式不能与你的props有关联。如果有关联,withStyles...原创 2019-10-27 22:38:18 · 4983 阅读 · 0 评论 -
material UI中子组件样式修改的几种方案研究
material UI是一个流行的与React配套的前端UI框架,对于部分开发者而言,可能会不太清楚其中样式修改的方案和技巧,为此而焦头烂额,本文主要就自己的一些开发技巧进行总结,以期对各位开发者有所帮助。需要说明的是,本文的案例都是使用hooks方式,读者可自行针对class方式进行类推和实践。一、子组件根元素:withStyles+className实现修改<div classN...原创 2019-10-27 22:15:42 · 1686 阅读 · 0 评论 -
解决material UI中弹窗(dialog、popover等)内容被遮挡问题
在material ui中有几种弹出层,比如:dialog、popover等,这些弹出层都会遇到的一个公共问题是:假如弹出层中的内容变化了,弹出层的位置并不会重新定位。这样,假如一开始弹出层定位在浏览器底部,当弹出层的内容高度增加,可能导致弹出层的一部分内容显示在浏览器视口之外。常见思路我们可能会设想通过设置anchor等来解决该问题,但anchor决定的是弹出层的初始位置,至少本人的探...原创 2019-10-15 11:31:52 · 1791 阅读 · 0 评论