前端框架React
文章平均质量分 68
1.声明式设计:React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React能高效更新并渲染合适的组件。
2.组件化: 构建管理自身状态的封装组件,然后对其组合以构成复杂的 UI。
3.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
Tree_wws
大家好,我是 Tree_wws ,我是一个喜欢记录、喜欢思考、喜欢学习的人,希望和大家共同学习很进步,欢迎关注我呀 !!!
展开
-
【React】第十五部分 React-Router6
15. ReactRouter6 15.1 注册路由的变化 15.2 路由重定向 15.3 NavLink高亮的使用 15.4 useRoutes路由表的使用 15.5 路由的嵌套 15.6 路由传参和编程式路由导航 15.6.1 传递params参数 15.6.2 传递search参数 15.6.3 传递state参数 15.6.4 编程式路由导航 15.7 路由懒加载的变化...原创 2022-08-26 11:42:44 · 253 阅读 · 0 评论 -
【第十四部分】Fragment和CSSModule
Fragment和CSSModule原创 2022-08-26 11:38:05 · 144 阅读 · 0 评论 -
【React】 第十三部分 Hooks
13. Hooks 13.1 什么是Hooks? 13.2 State Hook 13.3 Effect Hook 13.4 Ref hook 13.5 useCallback(记忆函数) 13.6 useMemo (记忆组件) 13.7 useContext 13.8 useReducer 13.9 自定义hook原创 2022-08-26 11:35:20 · 637 阅读 · 0 评论 -
【React】第十二部分 路由懒加载(Router5)
路由懒加载(Router5)原创 2022-08-26 11:25:55 · 570 阅读 · 0 评论 -
【React】第十一部分 setState更新状态的两种写法
1.对象式的setState是函数式的setState的简写方式(语法糖) 2.使用原则: (1).如果新状态不依赖于原状态 ===> 使用对象方式 (2).如果新状态依赖于原状态 ===> 使用函数方式 (3).如果需要在setState()执行后获取最新的状态数据, 要在第二个callback函数中读取 3. 须知:在异步环境下执行setState()是同步的,在同步环境下执行setState()是异步...原创 2022-08-26 11:22:12 · 427 阅读 · 0 评论 -
【React】第十部分 redux和react-redux
10. redux10.2 redux的工作流程图10.3 redux三个核心概念10.4 redux基本使用(完整写法) 10.5 异步action10.6 react-redux10.6.2 react-redux将所有组件分成两大类10.6.3 react-redux 的基本使用10.6.4 优化 简写mapDispatchToProps10.6.5 provider组件的使用10.6.6 实现数据共享.........原创 2022-08-11 15:46:06 · 243 阅读 · 0 评论 -
【React】 第九部分 react 路由
9. react 路由 9.1 路由基本使用9.2 一般组件和路由组件的区别9.3 NavLink组件的使用以及二次封装9.4 Switch组件的使用9.5 解决多级路径刷新页面样式丢失的问题9.6 Redirect 组件的使用9.7 嵌套路由9.8 向路由组件传递params参数9.9 向路由组件传递search参数9.10 向路由组件传递state参数9.11 push和replace9.12 编程式路由导航9.13 withRouter9.14 BrowserRouter.原创 2022-08-11 15:11:50 · 272 阅读 · 0 评论 -
【React】第八部分 react脚手架安装以及react脚手架配置代理
react脚手架安装以及react脚手架配置代理原创 2022-08-06 10:39:37 · 510 阅读 · 0 评论 -
【React】第七部分 Dom的diffing算法
7.1 虚拟DOM中key的作用简单来说:key是虚拟DOM对象的标识,比较的时候通过key去查找对应的虚拟DOM详细来说:当状态中的数据发生变化的时候,react会根据新数据生成的新的虚拟DOM,随后进行新旧虚拟DOM的diffing比较,比较的规则如下:(1)旧的虚拟DOM找到与新的虚拟DOM相同的key: 如果虚拟DOM的内容没变,直接使用之前的真实DOM 如果虚拟DOM的内容发生变化,则生成新的真实DOM,去替换页面中之前的真实DOM(2)旧的虚拟DOM没有找到与新原创 2022-08-06 10:28:09 · 310 阅读 · 0 评论 -
【React】第六部分 生命周期
什么是生命周期 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列钩子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。生命周期流程图(旧)生命周期流程图(新)总结新旧生命周期......原创 2022-08-06 10:24:05 · 128 阅读 · 0 评论 -
【React】第五部分 高阶函数和函数的柯里化
高阶函数和函数的柯里化原创 2022-08-06 10:20:11 · 157 阅读 · 0 评论 -
【React】第四部分 非受控组件和受控组件
非受控组件简单来说就是对于输入类的DOM现用现取就叫做非受控组件受控组件对于输入类的DOM随着输入发生变化不断维护到状态里,需要用的时候在从状态中取出来原创 2022-08-04 14:58:46 · 81 阅读 · 0 评论 -
【React】第三部分 组件实例的三大核心属性
组件实例的三大核心属性state简化stateprops简化props在函数式组件子中使用propsrefs原创 2022-08-04 12:41:53 · 100 阅读 · 0 评论 -
【React】第二部分 面向组件编程
下载React开发者工具函数式组件类式组件原创 2022-08-04 12:33:00 · 228 阅读 · 0 评论 -
【React】第一部分 React 基本使用
React 基本使用什么是虚拟DOM?什么是JSX? jsx语法规则模块与组件、模块化与组件化的理解原创 2022-08-04 12:30:22 · 98 阅读 · 0 评论