
react
文章平均质量分 82
顽皮宝
道阻且长,行则将至
展开
-
【React-Router】路由传参,路由嵌套,手动导航,路由文件配置
前端路由是如何做到URL和内容进行映射呢?监听URL的改变。原创 2023-02-09 23:45:00 · 1307 阅读 · 0 评论 -
【React】Redux Toolkit使用
都什么年代了还在抽。。。哦说错了,都什么年代了还在用React-Redux 快来看看这个包,再也不用繁琐的创建Type常量,不用自己下载Thunk、middleware、immer等等插件全部集成到了Redux Toolkit,使用起来和VueXPinia一样方便!!!原创 2023-02-04 09:32:14 · 1646 阅读 · 0 评论 -
【React】Redux的使用详解
Redux就是一个帮助我们管理State的容器:Redux是JavaScript的状态容器,提供了可预测的状态管理原创 2024-01-17 12:45:44 · 6640 阅读 · 3 评论 -
【React】组件性能优化、高阶组件
React性能优化SCUReact更新机制keys的优化render函数被调用shouldComponentUpdatePureComponentshallowEqual方法高阶组件memo获取DOM方式refs如何使用refref的类型受控和非受控组件认识受控组件非受控组件React的高阶组件认识高阶函数高阶组件的定义应用一 – props的增强应用二 – 渲染判断鉴权应用三 – 生命周期劫持高阶函数的意义ref的转发portals和fragmentPorta原创 2024-01-17 12:45:50 · 1772 阅读 · 0 评论 -
【React】组件生命周期、组件通信、setState
React的组件化类组件render函数的返回值函数组件认识生命周期生命周期解析生命周期函数不常用生命周期函数认识组件间的通信父组件传递子组件 - 类组件和函数组件参数propTypes子组件传递父组件React中的插槽(slot)children实现插槽props实现插槽Context应用场景Context相关API为什么使用setStatesetState异步更新如何获取异步的结果setState默认是异步的(React18之后)原创 2024-01-18 09:26:57 · 1492 阅读 · 0 评论 -
【React】脚手架创建项目
创建React项目的命令如下:不能包含大写字母create-react-app 你的项目名称原创 2024-01-18 09:27:15 · 1519 阅读 · 0 评论 -
【React基础】– JSX语法
JSX是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法原创 2024-01-18 09:27:23 · 1886 阅读 · 0 评论 -
【React】Hook 实现监听路由
文章目录前言一、react-router-dom的钩子函数二、useLocation()三、实际案例前言在开发过程中我们往往会遇到像首页导航栏的需求,然而普通的依靠下标控制导航栏状态无法长久保持状态,用户一刷新就会导致标题栏又回到默认状态。那么该怎么办呢?我们可以使用监听路由的方式来完成导航栏的状态持久化。在了解监听路由前我们先了解一下ract-route的钩子函数一、react-router-dom的钩子函数react的路由钩子函数主要有四种:useHistoryuseLocatio原创 2022-08-25 19:33:31 · 3005 阅读 · 0 评论 -
React配置src根目录@
【代码】React配置src根目录@原创 2024-01-18 09:28:35 · 1470 阅读 · 0 评论