
React
React
Misnice
这个作者很懒,什么都没留下…
展开
-
react组件中useRef声明的变量和let声明的变量区别
特性useReflet数据持久性跨渲染周期保持数据每次渲染会重新初始化触发组件重新渲染不会触发不会触发典型用途保存 DOM 引用或非状态性变量临时存储当前渲染中的局部值常见使用场景DOM 操作、保存计时器等可变数据函数内的计算逻辑、循环等useRef更适合在渲染间保持数据,尤其是需要跨渲染周期存储非 UI 状态的值。let仅在当前渲染期间有效,每次重新渲染都会重置值。原创 2025-03-25 17:18:49 · 898 阅读 · 0 评论 -
react 列表页面中管理接口请求的参数
react 列表页面中管理接口请求的参数原创 2024-08-29 19:54:01 · 740 阅读 · 0 评论 -
react如何解决setTimeout获取不到最新数据问题
react如何解决setTimeout获取不到最新数据问题原创 2024-08-23 15:19:21 · 930 阅读 · 0 评论 -
react useEffect中removeEventListener没生效问题解决
react useEffect中removeEventListener没生效问题解决原创 2024-04-26 14:18:18 · 701 阅读 · 1 评论 -
react项目如何引入字体文件
项目中如何引入字体文件原创 2024-04-25 10:22:48 · 977 阅读 · 0 评论 -
js 双冒号运算符(::)
双冒号左边是一个对象,右边是一个函数。该运算符会自动将左边的对象,作为上下文环境(即this对象),绑定到右边的函数上面。双冒号运算符::是 ES7 中提出的函数绑定运算符,用来取代call()、apply()、bind()调用。原创 2024-04-01 20:43:51 · 408 阅读 · 0 评论 -
如何让div中滚动条一直保持在最下方
react中让div中滚动条一直保持在最下方原创 2024-03-28 14:18:17 · 965 阅读 · 0 评论 -
react antd 中 table 不同状态显示不同样式
表格columns中的代码。原创 2024-03-26 19:21:29 · 312 阅读 · 0 评论 -
react 获取 antd 中input的值
先证明一个input的变量,然后在input的onChange事件中动态修改这个变量,就可以获取input的值了。原创 2024-03-25 18:27:13 · 763 阅读 · 0 评论 -
react子组件重新渲染的情况有哪些
当子组件的props发生变化时,会触发子组件的重新渲染。当父组件的state发生变化时,会导致父组件和所有子组件重新渲染。当子组件的state发生变化时,会导致子组件重新渲染。当使用React Context时,只要Provider的value发生变化,所有使用了该Context的子组件都会重新渲染。当使用ReactHooks中的useState、useReducer等Hook时,调用对应的更新函数会导致组件重新渲染。当使用React的forceUpdate方法强制组件重新渲染时,子组件也会重原创 2024-03-19 16:54:00 · 546 阅读 · 0 评论 -
react中useContext的用法
先在context文件中使用createContext创建初始值。然后在父组件中引入,利用Provider传入新值。原创 2024-03-19 16:45:39 · 447 阅读 · 0 评论 -
React.FC介绍
与React.Component(类组件)相比,React.FC(函数式组件)是一个纯函数,不能使用setState,而是使用useState()、useEffect等Hook API。在这个例子中,我们定义了一个名为 MyComponent 的函数组件,它接受一个 MyProps 类型的 props。React.FC是React中的一种函数组件类型,是在TypeScript中使用的一个泛型,FC即Function Component的缩写,表示一个接收props作为输入并返回JSX元素的函数组件。原创 2024-03-11 19:27:21 · 711 阅读 · 1 评论 -
umi 搭建 react 项目配置文件选择
如果项目的配置不复杂,推荐在 .umirc.ts 中写配置;如果项目的配置比较复杂,可以将配置写在 config/config.ts 中,在根目录下创建config目录,并添加config.ts文件,删除umirc.ts文件,即可生效。.umirc.ts 文件与 config/config.ts 文件功能相同,2 选 1。.umirc.ts 文件优先级较高。原创 2024-03-11 11:14:20 · 337 阅读 · 0 评论 -
react ant design中table如何关闭分页功能
关闭分页功能把pagination传false就可以了。原创 2024-02-29 17:39:45 · 712 阅读 · 0 评论 -
React 18.0 新增Hook
useSyncExternalStore(18.0新增)useInsertionEffect(18.0新增)useDeferredValue(18.0新增)useDebugValue(18.0新增)useTransition(18.0新增)useId(18.0新增)原创 2024-02-29 15:50:10 · 535 阅读 · 0 评论 -
ant design pro的react项目build之后页面为空白解决方法
ant-design-pro原创 2024-02-27 20:45:51 · 1441 阅读 · 1 评论 -
react生命周期简单总结
1. 挂载卸载过程 1.1.constructor() 1.2.componentWillMount() 1.3.componentDidMount() 1.4.componentWillUnmount () 2. 更新过程 2.1. componentWillReceiveProps (nextProps) 2.2.shouldComponentUpdate(nextP...原创 2020-04-08 13:01:34 · 187 阅读 · 0 评论 -
react常用UI组件库
一、react.js网站地址:https://zh-hans.reactjs.org二、React Native网站地址:https://reactnative.cn原创 2020-01-21 13:55:25 · 1137 阅读 · 0 评论