react
AAA`
一个前端
展开
-
useReducer的用法
1、定义:是一个React Hook,允许你在函数组件中添加reducer以管理状态。2、作用:它提供了一种集中式和可预测的状态管理机制,尤其适用于复杂的状态更新逻辑。1、Reducer函数:一个纯函数,用于根据动作类型更新状态。它接受两个参数:当前状态和动作对象,返回新的状态。2、初始状态(可选):作为reducer的起始状态。如果没有提供,则reducer的第一次调用将使用作为初始状态。返回一个数组,包含两个元素:1、当前状态:表示应用或组件的当前状态。2、Dispatch函数:一个用于触发状态更新的函原创 2024-06-19 23:12:19 · 206 阅读 · 0 评论 -
react钩子函数用法(useCallback、useMemo)
的主要作用是返回一个缓存版本的函数,只有当它的依赖项发生变化时,这个函数才会被重新创建。这意味着,如果依赖项没有改变,函数的引用将保持不变,从而避免因函数引用改变而导致的不必要的重新渲染。缓存的是函数的返回值,而不是函数本身。因此,如果函数本身发生变化(例如,函数内部的逻辑被修改),即使依赖项没有变化,接受两个参数:一个是要被缓存的回调函数,另一个是该回调函数的依赖项数组。需要付出额外的开销,因为它涉及到存储和检索函数的机制。可以确保传递给子组件的回调函数引用保持稳定,从而防止不必要的重新渲染。原创 2024-06-19 22:59:10 · 698 阅读 · 0 评论 -
react钩子函数用法(useState、useEffect、useContext)
是 React Hooks 中的一个函数,它允许你在不使用组件嵌套传递的情况下直接访问 React 的 Context 值。第一个参数是一个包含副作用逻辑的函数,这个函数会在组件渲染后执行。4、异步操作:如果你在副作用中执行异步操作,确保正确处理异步逻辑,以避免在组件卸载后出现未处理的异步操作。是 React Hooks API 中的一个函数,它允许你在函数组件中添加局部状态。的第一个参数是一个函数,它包含了副作用的逻辑。,函数组件可以像类组件一样拥有和管理自己的状态,从而使得函数组件更加动态和可交互。原创 2024-06-19 22:38:05 · 871 阅读 · 0 评论 -
介绍react
React是一个用于构建用户界面的JavaScript库。原创 2024-06-13 00:29:53 · 1284 阅读 · 1 评论 -
React.cloneElement克隆组件
【代码】React.cloneElement克隆组件。原创 2024-05-28 13:17:29 · 135 阅读 · 0 评论 -
把react元素转成dom元素
【代码】把react元素转成dom元素。原创 2024-02-23 15:01:59 · 502 阅读 · 1 评论 -
react用useEffect防止数据内存泄漏
以上代码确保初始化函数initData不会在组件卸载后继续执行。原创 2023-08-14 18:21:25 · 154 阅读 · 0 评论 -
react使用懒加载优化性能和内存
【代码】react使用懒加载优化性能和内存。原创 2023-08-03 21:17:29 · 71 阅读 · 0 评论 -
react路由跳转后,获取url中拼接的id
以上方法,得到了infoId,就是123454321。原创 2023-07-12 19:45:00 · 378 阅读 · 0 评论 -
vue的v-model、v-if、v-for用react语法实现
3、遍历, 渲染出相应的Dom元素(v-for)2、判断Dom元素是否显示(v-if)1、双向数据绑定(v-model)原创 2023-06-26 20:00:00 · 730 阅读 · 0 评论 -
掌握这些,就能当react前端了
前端(Frontend)指的是Web开发中与用户直接交互的部分,包括用户界面的设计、用户体验以及与用户进行交互的功能实现。前端开发主要涉及使用HTML、CSS和JavaScript等技术构建网页,并通过浏览器来展示和运行。前端往往与后端(Backend)搭配工作,前端调后端的接口,并处理返回的数据,将数据显示在页面上。我目前是一名工作经验一年的前端开发工程师,学历大专,目前业余在北理工专升本,专业是计算机科学与技术。大专的专业是建筑室内设计,不转行就是在设计院工作。原创 2023-06-24 22:56:16 · 340 阅读 · 0 评论 -
antd的Table设置横竖溢出滚动条显示
在scroll设置y轴滚动条有时候不生效,所以直接设置表格样式,定死表格高度,纵向溢出部分显示滚动条,可以达到相似的效果。原创 2023-06-07 12:27:55 · 3175 阅读 · 0 评论 -
把useState由异步变为同步
将useState的值赋给useRef,然后在useEffect初始化,就变为了同步。原创 2023-05-30 18:29:16 · 614 阅读 · 0 评论 -
ProTable设置搜索栏顺序,不影响表头顺序
可以在columns 里加上order属性,搜索栏值大的在前,小的在后,例如下面的搜索栏顺序为:姓名、职业、年龄,而表头顺序为:姓名、年龄、职业、备注。原创 2023-05-15 12:51:03 · 570 阅读 · 0 评论 -
把ProFormDatePicker选中的日期格式转为所需的格式,并传给后端
我们可以先打印一下formRef?.getFieldsValue(),以确定startDate在表单里的值。然后用如下方法,就将“Sat Apr 29 2023 09:53:44 GMT+0800 (中国标准时间)”的格式转为了“2023-4-29”格式。其实,原本格式为“2023-04-29T09:53:44.995Z”,只是表单里打印出的是“Sat Apr 29 2023 09:53:44 GMT+0800 (中国标准时间)”,就将计就计进行转换。将startDate从ProForm的数据中删除。原创 2023-04-28 10:56:44 · 1507 阅读 · 0 评论 -
vue和react在页面中输出数据的调试方法(代替console.log)
除了console.log(data),vue还可以用{{data}}的方法将数据输出至页面上,进行调试。react没有这个功能,但也可以实现。原创 2023-04-12 15:56:02 · 296 阅读 · 0 评论 -
react使用tabs和tree组件联动切换后台数据
tabs和tree联动功能详细介绍原创 2023-01-28 18:46:09 · 374 阅读 · 0 评论 -
antd的ProFormSelect组件设置多选功能
mode: 'multiple'为设置多选。原创 2023-01-08 15:23:05 · 1729 阅读 · 0 评论 -
antd的ProColumns设置不可编辑状态的三种方法
1、editable: false方法。2、readonly: true方法。3、renderFormItem方法。原创 2023-01-06 15:34:04 · 1077 阅读 · 0 评论 -
前端刷新页面的五种方法(含原生js、vue和react)
3、location.href=location.href方法。2、location.reload()方法。5、react-router方法。4、vue-router方法。原创 2023-01-06 14:04:26 · 6167 阅读 · 0 评论 -
前端使用后端增删改查接口之前,要先将其封装为函数(vue和react均适用)
3、编辑接口(put),形参为必选值id和可选值,并将id定为后缀。前端将此接口命名为“updateAbc”。4、删除接口(delete),形参为id, 并将id定为后缀。前端将此接口命名为“deleteAbc”。1、查询接口(get),形参为id,并将id定为后缀。前端将此接口命名为“getAbc”。2、新增接口(post),形参为可选值。前端将此接口命名为“createAbc”。(以上接口为基础写法,请根据实际情况加以微调)要在其他文件使用以上接口,引入就行了。首先,引入和定义变量。原创 2022-12-31 10:31:01 · 492 阅读 · 0 评论 -
antd组件绑定html原生事件(例如给Button绑定ondblclick )
首先,要在useEffect中写以下代码。效果:双击弹出警告框。原创 2022-12-30 18:53:11 · 464 阅读 · 0 评论 -
react实现input输入框双向绑定
react没有vue的v-model关键字,但也有办法实现同样的双向绑定效果。原创 2022-12-24 16:00:15 · 1623 阅读 · 0 评论 -
react使用moment格式化后端返回的日期数据
后台返回的日期格式是2022-12-03T08:49:04Z。要引入moment,输入以下代码,日期精确到年月日,原先的格式就变成了2022-12-03 8:49:04原创 2022-12-16 13:38:31 · 334 阅读 · 0 评论