React
React语法及项目时实战
小五Five
热爱生活,不停止思考,不停下脚步。
展开
-
React Hooks入门指南:提升你的React开发效率
React Hooks是React 16.8版本引入的重要特性,它改变了我们编写React组件的方式,使得代码更简洁、可读性更高,同时提供了更好的可测试性和复用性。除了React提供的基本Hooks外,我们还可以创建自定义Hooks来封装可复用的逻辑。原创 2024-01-31 10:18:28 · 469 阅读 · 0 评论 -
React Router中useRoutes()方法的使用
当我们需要路由权限控制点时候, 对路由数组做一些权限的筛选过滤。这时需要把路由进行集中式管理。所谓的集中式路由配置就是用一个数组统一把所有的路由对应关系写好替换本来的Roues组件,便于管理路由,更加灵活。原创 2023-06-19 10:05:31 · 1044 阅读 · 0 评论 -
【mobx】since strict-mode is enabled,changing (observed) values without using an action is not allowed
在用mobx做react的状态管理工具时,异步获取数据后,虽然页面获取到了数据并且渲染,但是控制台warnning。由于 setChannelList 方法是异步的,所以需要在 runInAction 中调用或者使用方法来单独设置。原创 2023-05-29 09:07:04 · 858 阅读 · 0 评论 -
Vue/React为什么组件销毁后定时器会继续
如果我们没有在组件的生命周期方法中手动清除定时器,在组件被销毁后,该定时器仍然会继续运行,并且由于此时组件实例已经不存在于页面中,虚拟 DOM 无法监测到定时器的状态变化。当一个对象不再被引用时,它仍然可能在内存中保留一段时间,直到垃圾回收机制判断它不再可达时才会被回收。原创 2023-05-22 10:34:03 · 790 阅读 · 0 评论