React
文章平均质量分 65
react
网页装修工
这个作者很懒,什么都没留下…
展开
-
【React】vite + react 项目,配置项目路径别名 @
为了方便使用,希望使 @ 符号代表 src 文件路径,因此需要在项目中配置路径别名。下面介绍,如何在 vite + react 的项目中配置项目路径别名@原创 2024-03-28 15:34:39 · 1439 阅读 · 1 评论 -
【React】vite + react 项目,安装、配置、使用 less
在 React 项目中使用 Less(一种 CSS 预处理器)可以让你更方便地管理样式。在需要引入样式的组件中,使用 import 引入 less 文件即可。原创 2024-03-28 15:31:49 · 1713 阅读 · 0 评论 -
【React】vite + react 项目,进行配置 eslint
eslint 我们常应用在代码静态扫描中,通过设定的 eslint 的语法规则,来对代码进行检查,通过规则来约束代码的风格,以此来提高代码的健壮性,避免因为代码不规范导致应用出现 bug 的可能。而规则是自由的,可以设定内部自己团队适用的规则,也可以直接使用开源社区比较热门的规则集合。原创 2024-03-27 14:24:10 · 1044 阅读 · 0 评论 -
【React】react 使用 lazy 懒加载模式的组件写法,外面需要套一层 Loading 的提示加载组件
react 项目在创建 router 路由时,使用 lazy 懒加载时,导致以下报错:- The above error occurred in the component:- Uncaught Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix,原创 2024-03-27 14:25:30 · 825 阅读 · 0 评论 -
【React 】react 中的路由鉴权与路由拦截
在 React 中,路由拦截和路由鉴权是两个相关但不完全相同的概念。原创 2023-08-23 17:39:28 · 1342 阅读 · 0 评论 -
【React】react 性能优化的方式有哪些
react凭借virtual DOM和diff算法拥有高效的性能,除此之外也有很多其他的方法和技巧可以进一步提升react性能。一下几中方法有助于提升react性能,虽然不必一定要在项目中使用这些方法,但是我们有应该知道如何使用这些方法。翻译 2022-11-23 17:22:59 · 1452 阅读 · 0 评论 -
【React】父组件调用子组件的方法
react 中父组件调用子组件的方法。分别对函数组件与类组件的实现方式进行举例。原创 2022-08-23 17:53:14 · 432 阅读 · 0 评论 -
【React】react-router-dom v5 与 v6 的区别
本文简单介绍两个版本的使用:v5 和 。其中:(1)v5 版本既兼容了类组件(react v16.8前),又兼容了函数组件(react v16.8及以后,即hook)(2)v6 文档把路由组件默认接受的三个属性给移除了,若仍然使用 this.props.history.push(),此时props会提示空值。官方文档给出的解决方案是使用 useNavigate 这个hook,但是 hook 只能存在于函数组件,无法用在类组件中...转载 2022-07-18 11:24:00 · 1184 阅读 · 0 评论 -
【React】hooks 之 useReducer
useReducer可用于提高应用性能,当更新逻辑比较复杂时,可以考虑使用useReducer。任何有使用useState的地方,都可以替换成useReducer。原创 2022-07-15 11:48:22 · 301 阅读 · 0 评论 -
【React】hooks 之 useContext
useContext的作用是 实现数据共享,解决组件间传值 的问题,可以跨组件层级直接传递变量。即是对它所包含的组件树提供全局共享数据的一种技术。在根组件中使用 组件包裹需要接受数据的后代组件,并通过 value 属性提供要共享的数据。...原创 2022-07-14 14:10:06 · 639 阅读 · 0 评论 -
【React】hooks 之 useEffect
useEffect 可以接收两个参数,第一个参数接收一个函数,可以用来做一些副作用,比如异步请求,修改外部参数等行为;返回值(如果有)则在组件销毁或者调用函数前调用。第二个参数是一个数,数组中的内容可以称之为,当数组中的值发生变化就会触发执行 useEffect 第一个参数中的函数。useEffect 不传递第二个参数,表示不监听任何参数的变化。每次渲染DOM之后,都会执行 useEffect 中的第一个函数。2.2 第二个参数为空数组 [] useEffect 第二个参数为 时,相当于初始化执行一次。原创 2022-07-08 17:10:28 · 701 阅读 · 0 评论 -
【React】hooks 之 useState
useState的作用是用来声明与更新变量,函数接收的参数是我们声明变量的初始值。它返回了一个数组,第1项是当前状态值,第2项是可以改变状态值的方法函数。声明一个变量 count,初始值设为 0。同时提供了一个可以修改 count 的函数 setCount。1.2 使用变量使用变量非常简单,直接使用或者用花括号包起来即可。1.3 更新状态通过调用修改 count 的函数 setCount,传入新的值即可。...原创 2022-07-08 16:58:37 · 618 阅读 · 0 评论 -
zustand 基本使用
zustand 是一个状态管理库。官网安装:npm install zustand 、yarn add zustand 基础使用:1、首先创建一个storecreate( ) 有三个参数:函数、布尔值、XX可以放任何东西:基本类型值、对象、函数。import create from 'zustand'const useStore = create(set => ({ bears: 0, name: 'zustand', age: 18, increasePopulati原创 2022-05-07 18:04:04 · 4754 阅读 · 0 评论