- 博客(18)
- 资源 (2)
- 收藏
- 关注
原创 你真的需要用到useEffect吗?
举个例子,如果说你有多个dropdown,且下一个dropdown的内容依赖于上一个dropdown选择的内容,此时用useEffect来处理计算链是合适的,因为此时我们的数据是和后端交互的,从服务端中获取数据,在这种情况下,由于获取到的数据是异步的,需要等待请求结果,所以用effect反而可以保证数据的同步性。这样做的好处是,无论哪一个下拉框的选项发生了变化,都会触发相应的 Effect 钩子函数,保证了整个表单的数据同步性。有时,你的组件可能需要订阅 React 状态之外的一些数据。
2024-10-30 08:58:09
1069
原创 JavaScript - 常用Object
静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。表示对象自有属性(而不是继承来的属性)中是否具有指定的属性。用于检查一个对象的prototype 是否存在与另一个对象的。返回一个数组,包含给定对象自有的可枚举字符串键属性的键值对。需要应用源对象属性的目标对象,修改后将作为返回值。所以:由此可以推理出,Object是任何对象的原型。Object.fromEntries() (常用)一个或多个包含要应用的属性的源对象。
2024-10-28 22:41:42
870
原创 React-Hooks常用示例
第一种:第二个参数「没有依赖数组」1、 所在组件「初始化」时或「所有变量状态更新」时,执行包裹的函数。2、「所有变量状态更新」前 或「页面卸载」前,执行返回值函数。})第二种:第二个参数「依赖空数组」1、所在组件「初始化」时,执行包裹的函数。2、「页面卸载」前,执行返回值函数。},[])第三种:第二个参数「依赖数组1个或多个状态变量」1、所在组件「初始化」或「依赖数组变量状态更新」时,执行包裹的函数。2、「依赖数组变量状态更新」前 或「页面卸载」前,执行返回值函数。
2024-10-19 22:03:11
1287
原创 react 路由鉴权方案
以上几种方式,也可以根据实际情况结合使用!结合redux,后端,用于各类状态的判定。利用发布订阅者模式,将用户登录状态广播,路由中消费状态,选择跳转,实现路由鉴权。用浏览器存储 如localStorage保存登录状态,组合成组件,包裹路由。请求响应接口处,主要是用于提醒用户登录状态失效,路由鉴权用于跳转登录。2、访问其他页,无token,去登录页。1、访问登录页,有token,去主页。在渲染路由之前做一个拦截器,判断。
2023-06-13 21:41:24
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人