![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 91
天生我材必有用_吴用
淡泊名利,宁静致远~
展开
-
React实战项⽬开发完整流程含代码
学习完react后,开始react项目实战,根据实战巩固一下学的react,熟悉react代码的各个使用原创 2023-11-17 10:43:48 · 449 阅读 · 0 评论 -
React函数组件状态Hook—useState《进阶-对象&&数组》
state 中可以保存任意类型的 JavaScript 值,包括对象。但是,你不应该直接修改存放在 React state 中的对象。相反,当你想要更新⼀个对象时,你需要创建⼀个新的对象(或者将其拷⻉⼀ 份),然后将 state 更新为此对象。原创 2023-11-16 17:03:02 · 1495 阅读 · 3 评论 -
React JSX常用语法总结
JSX(javascript xml)> 就是JavaScript和XML结合的一种格式,是JavaScript的语法扩展,只要把HTML代码写在JS中,就为JSX。用于动态构建用户界面的Javascript库,发送请求获取数据,处理数据,过滤,整理格式,操作DOM呈现页面,React是一个将数据渲染为HTML视图的开源JavaScript库。原创 2023-10-27 10:44:09 · 497 阅读 · 1 评论 -
React-Redux总结含购物车案例
React-Redux是一个用于在React应用中管理状态的第三方库。它是基于Redux架构的,提供了一种在React应用中高效管理状态的方式。React-Redux通过将Redux的核心概念和React组件相结合,使得在React应用中使用Redux变得更加简单和方便。原创 2023-10-23 15:06:14 · 631 阅读 · 0 评论 -
react常用hooks总结
Hooks是react16.8以后新增的钩⼦API,⽬的:增加代码的可复⽤性,逻辑性,弥补⽆状态组件没有⽣命周期,没有数据管理状态state的缺陷。为什么要使⽤Hooks?1. 开发友好,可扩展性强,抽离公共的⽅法或组件,Hook 使你在⽆需修改组件结构的情况下复⽤状态逻辑;2. 函数式编程,将组件中相互关联的部分根据业务逻辑拆分成更⼩的函数;3. class更多作为语法糖,没有稳定的提案,且在开发过程中会出现不必要的优化点,Hooks⽆需学习复杂的函数式或响应式编程技术;原创 2023-10-20 13:33:13 · 526 阅读 · 1 评论 -
React 路由总结 react-router-dom6+react-router-dom5
现在的前端应用大多都是SPA单页面应用程序,也就是一个HTML页面的应用程序。体验更好,对服务器的压力更小,更受欢迎,为了有效地使用单页面来管理原来多页面的功能,前端路由就此产生了,前端路由能让一个视图或页面导航到另一个视图或页面中。前端路由是一套映射规整,在React中,是URL路径与组件的对应关系,使用React路由简单来说就是配置路径和组件。原创 2023-10-17 09:16:30 · 764 阅读 · 1 评论 -
React生命周期总结v16+和v16-
生命周期就函数就是指在某一个时间刻会自动调用执行的函数,React生命周期分为三个阶【 挂载:组件被创建并插入真实dom、渲染(更新):组建的props或state发生变化时触发的组件更新、卸载:组件被从DOM中移除】原创 2023-10-13 15:41:42 · 203 阅读 · 4 评论