React
文章平均质量分 52
a3337779
这个作者很懒,什么都没留下…
展开
-
React的数据Mock实现
在前后端分类的开发模式下,前端可以在没有实际后端接口的支持下先进行接口数据的模拟,进行正常的业务功能开发。原创 2024-04-29 15:40:48 · 793 阅读 · 0 评论 -
React配置@别名路径配置
这样vscode就能在import识别到src目录下的文件了。原创 2024-04-29 15:36:33 · 696 阅读 · 0 评论 -
嵌套路由配置
在一级路由中又内嵌了其他路由,这种关系就叫做嵌套路由,嵌套至一级路由内的路由又称作二级路由,例如:当访问的是一级路由时,默认的二级路由组件可以得到渲染,只需要在二级路由的位置去掉path,设置index属性为true场景:当浏览器输入url的路径在整个路由配置中都找不到对应的 path,为了用户体验,可以使用 404 兜底组件进行渲染实现步骤:各个主流框架的路由常用的路由模式有俩种,history模式和hash模式, ReactRouter分别由 createBrowerRouter 和 createH原创 2024-04-29 15:32:47 · 179 阅读 · 0 评论 -
React路由导航
一个路由跳转到另一个路由,并且在跳转的同时有可能需要传递参数进行通信,比如列表页跳转到详情页携带参数。原创 2024-04-29 15:29:33 · 403 阅读 · 0 评论 -
React的路由
一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候,path 对应的组件会在页面中进行渲染。原创 2024-04-29 15:24:37 · 453 阅读 · 0 评论 -
Redux数据流架构
Redux的难点是理解它对于数据修改的规则, 下图动态展示了在整个数据的修改中,数据的流向。原创 2024-04-28 22:50:52 · 1409 阅读 · 1 评论 -
Redux(类似vue中的vuex和pina)
Redux 是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可以独立于框架运行作用:通过集中管理的方式管理应用的状态。原创 2024-04-28 22:33:39 · 443 阅读 · 0 评论 -
React的useEffect
概念:自定义Hook是以use打头的函数,通过自定义Hook函数可以用来实现逻辑的封装和复用// 封装自定义Hook// 问题: 布尔切换的逻辑 当前组件耦合在一起的 不方便复用// 解决思路: 自定义hook// 可复用的逻辑代码value)// 哪些状态和回调函数需要在其他组件中使用 returnreturn {value,toggle// 封装自定义hook通用思路// 1. 声明一个以use打头的函数// 2. 在函数体内封装可复用的逻辑(只要是可复用的逻辑)原创 2024-04-28 08:57:29 · 675 阅读 · 1 评论 -
React组件通信
场景:当我们把内容嵌套在组件的标签内部时,组件会自动在名为children的prop属性中接收该内容。子组件只能读取props中的数据,不能直接进行修改, 父组件的数据只能由父组件修改。,比如数字、字符串、布尔值、数组、对象、函数、JSX。核心思路:在子组件中调用父组件中的函数并传递参数。机制,通过共同的父组件进行兄弟之间的数据传递。原创 2024-04-28 07:53:03 · 457 阅读 · 0 评论 -
React受控绑定
概念:使用React组件的状态(useState)控制表单的状态。概念:通过获取DOM的方式获取表单的输入数据,就是获取dom对象。原创 2024-04-28 07:48:38 · 345 阅读 · 1 评论 -
React的状态管理useState
useState 是一个 React Hook(函数),它允许我们向组件添加一个状态变量, 从而控制影响组件的渲染结果和普通JS变量不同的是,状态变量一旦发生变化组件的视图UI也会跟着变化(数据驱动视图)useState类似一个java的实体类,实体类通过set方法来改变对象属性值。原创 2024-04-28 04:52:56 · 592 阅读 · 0 评论 -
React的事件绑定
语法:事件绑定的位置改造成箭头函数的写法,在执行clickHandler实际处理业务函数的时候传递实参console.log('button按钮点击了', name)return (:::warning注意:不能直接写函数调用,这里事件绑定需要一个函数引用语法:在事件绑定的位置传递事件实参e和自定义参数,clickHandler中声明形参,注意顺序对应console.log('button按钮点击了', name,e)return (原创 2024-04-28 04:45:54 · 140 阅读 · 0 评论 -
jsx入门
jsx是react的一种语法格式,类似于vue中的{}(模板格式)。概念:JSX是JavaScript和XML(HTML)的缩写,表示在JS代码中编写HTML模版结构,它是React中编写UI模版的方式。原创 2024-04-28 04:44:24 · 272 阅读 · 0 评论 -
React的基础概念
React由Meta公司研发,是一个用于 构建Web和原生交互界面的库。大厂使用比较多,小厂用vue的比较多。相较于传统基于DOM开发的优势。相较于其它前端框架的优势。原创 2024-04-28 04:37:13 · 937 阅读 · 2 评论