React
怕冷的火焰(~杰)
这个作者很懒,什么都没留下…
展开
-
react-select私有化定制成Antd Select
react-select私有化定制成Antd Select原创 2024-05-15 10:03:02 · 99 阅读 · 0 评论 -
React-select 相关API属性用法
React-select 相关API属性用法原创 2024-05-14 10:34:29 · 263 阅读 · 0 评论 -
react-select组件使用
react-select组件使用原创 2024-05-07 15:37:28 · 396 阅读 · 1 评论 -
使用ResizeObserver API实现:实时监听类型为某div盒子的宽度,并设置高度等于该盒子的宽度
使用ResizeObserver API实现:实时监听类型为某div盒子的宽度,并设置高度等于该盒子的宽度原创 2024-04-02 13:49:47 · 130 阅读 · 0 评论 -
(含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
(含react-draggable库来实现这个功能)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现原创 2024-03-28 13:50:00 · 323 阅读 · 0 评论 -
使用事件总线在React应用中通过按钮点击事件进行跨组件通信
使用事件总线在React应用中通过按钮点击事件进行跨组件通信原创 2024-02-29 16:52:22 · 446 阅读 · 0 评论 -
文件大小计算(默认b, 转换成KB和MB, 案例用的是Antd-Table)
文件大小计算(默认b, 转换成KB和MB, 案例用的是Antd-Table)原创 2024-02-21 20:47:53 · 119 阅读 · 0 评论 -
实现在钉钉聊天窗口触顶时加载历史记录
实现在钉钉聊天窗口触顶时加载历史记录原创 2024-01-25 14:00:39 · 418 阅读 · 0 评论 -
React18+dva兼容写法
React18+dva兼容写法原创 2023-12-29 16:14:13 · 489 阅读 · 1 评论 -
React.useImperativeHandle (通过ref暴露子组件中的方法)
React.useImperativeHandle (通过ref暴露子组件中的方法)原创 2023-12-27 10:45:23 · 363 阅读 · 0 评论 -
React.memo基础使用
React.memo基础使用原创 2023-12-26 20:52:53 · 480 阅读 · 0 评论 -
hook useMemo基本用法
hook useMemo基本用法原创 2023-12-26 20:31:53 · 320 阅读 · 0 评论 -
React项目打包流程
React项目打包流程原创 2023-12-26 16:46:29 · 1174 阅读 · 0 评论 -
使用CRA(create-react-app)初始化一个完整的项目环境(该初始化项目已上传到本文章的资源)
使用CRA(create-react-app)初始化一个完整的项目环境(该初始化项目已上传到本文章的资源)原创 2023-12-25 20:47:52 · 574 阅读 · 0 评论 -
json-server实现数据Mock
json-server实现数据Mock原创 2023-12-25 15:03:49 · 409 阅读 · 0 评论 -
cra(create-react-app)配置别名路径@ 以及Vscode联想路径配置
cra(create-react-app)配置别名路径@ 以及Vscode联想路径配置原创 2023-12-25 14:37:59 · 502 阅读 · 0 评论 -
tanstack/react-query使用手册
React Query 使用手册原创 2023-12-01 20:32:51 · 1147 阅读 · 0 评论 -
zustand状态管理器使用汇总
zustand状态管理器使用汇总原创 2023-11-30 21:01:38 · 1098 阅读 · 0 评论 -
hooks useCallback基础用法
hooks useCallback基础用法原创 2023-11-22 17:10:17 · 455 阅读 · 0 评论 -
父组件如何获取子组件的state的值
【代码】父组件如何获取子组件的state的值。原创 2023-09-15 13:47:09 · 252 阅读 · 0 评论 -
React 颜色选择器插件
【代码】React 样式选择器插件。原创 2023-06-24 20:06:24 · 489 阅读 · 0 评论 -
js 滚动条回到顶部和底部
js 滚动条回到顶部和底部原创 2023-06-24 17:37:46 · 136 阅读 · 0 评论 -
React 判断盒子高度滚动时是否触底(触顶)
【代码】React 判断盒子高度滚动时是否触底。原创 2023-06-21 11:26:24 · 176 阅读 · 0 评论 -
如何让代码执行完之后再执行下一段语句(比如设置缓存等)
【代码】如何让代码执行完之后再执行下一段语句(比如设置缓存等)原创 2023-06-20 17:42:32 · 657 阅读 · 0 评论 -
React使用路由react-router-dom如何跳转和传参以及获取路由地址
【代码】React使用路由react-router-dom如何跳转和传参。原创 2023-06-20 17:41:29 · 180 阅读 · 0 评论 -
React PC端使用InfiniteScroll实现下拉加载
【代码】React PC端使用InfiniteScroll实现下拉加载。原创 2023-06-19 10:42:13 · 405 阅读 · 0 评论 -
hooks useReducer基础用法
hooks useReducer基础用法原创 2023-03-03 14:01:51 · 61 阅读 · 0 评论 -
React函数式组件与类组件通用写法
【代码】React函数式组件与类组件通用写法。原创 2023-01-31 14:34:19 · 194 阅读 · 0 评论 -
React 使用数组遍历循环渲染页面时,数组长度和值变了但不触发渲染
【代码】React 使用数组遍历循环渲染页面时,数组长度和值变了但不触发渲染。原创 2022-11-10 19:39:33 · 1058 阅读 · 0 评论 -
React 从安装到开发笔记
React 从安装到开发笔记。原创 2022-09-28 18:09:40 · 213 阅读 · 0 评论 -
React.forwardRef (通过ref暴露子组件中的dom元素,父组件想获取Input组件内input的ref实例,不适用forwardRef是获取不到的)
React.forwardRef (通过ref暴露子组件中的dom元素,父组件想获取Input组件内input的ref实例,不适用forwardRef是获取不到的)原创 2022-05-17 16:18:11 · 405 阅读 · 0 评论 -
useLayoutEffect与useEffect
useLayoutEffect的优先级useEffct高,即使先写useEffect,后面再写useLayoutEffect,实际执行时他是先执行useLayoutEffect,可以将useLayoutEffect理解成一个补丁,比如在setCount时无法渲染就可以使用他,一般项目基本都用不到,而且useEffect的性能也比useLayoutEffect好。functionChildA (props) {useEffect(() => {}, []) // 后执行...原创 2022-03-29 09:51:21 · 490 阅读 · 0 评论 -
React hook 判断语句内不能使用useEffect(乱序问题)
const Parent = () => {const [count, setCount] = useState(0);// -------------------------------------------------------// 如果这样写控制台会报错, 原因继续往下看if (count > 1) {useEffect(() => {...原创 2022-03-29 09:41:52 · 2872 阅读 · 0 评论 -
useContext以及useReducer如何搭配使用
【代码】useContext以及useReducer如何搭配使用。原创 2022-03-28 09:54:06 · 841 阅读 · 0 评论 -
mobx如何与react hooks配合使用
import React from 'react';import {useObserver, Observer} from 'mobx-react';import {appStore} from './appStore';// 方法1:function Methods1() {return useObserver(() => (<div onClick={() => appStore.count = 1}>{ap...原创 2022-03-02 13:36:42 · 1049 阅读 · 2 评论 -
React Hooks使用详解
useStateconst [count, setCount] = useState(parameter);1. count为保存在setState中的参数,可以为基本数据类型也可以是引用数据类型(数组,对象,函数等),未传值则为undefined;2. setCount为改变count值时使用3. useState保存的数据是使用链表的数据结构,如果在循环、判断或子函数内调用会使链表断开,数据会错乱。useEffectuseEffect主要用于模拟class类组件的生命周期函数,可原创 2022-03-02 11:09:54 · 1067 阅读 · 0 评论