摘要: export function userPrizeListDownload( params: Partial<UserPrizeList>, ) { return requestLotteryApi(`/xxx/download`, { params, responseType: 'arrayBuf 阅读全文
posted @ 2024-06-24 16:16 炽橙子 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-06-06 22:49 炽橙子 阅读(2) 评论(0) 推荐(0) 编辑
摘要: `useRef` 是 React 提供的一个 Hook,它可以用于在函数组件中存储可变值,并且在组件重新渲染时保持不变。`useRef` 的使用场景包括但不限于: 1. 访问 DOM 元素:可以使用 `useRef` 来获取并操作 DOM 元素,比如设置焦点、测量元素尺寸等。 2. 存储任意可变值: 阅读全文
posted @ 2024-05-25 16:11 炽橙子 阅读(170) 评论(0) 推荐(0) 编辑
摘要: useCallback 是 React 中的一个 Hook,用于优化性能并避免不必要的函数重新创建。 在 React 中,当一个组件重新渲染时,其内部的函数也会被重新创建。这可能会导致向子组件传递的回调函数发生变化,从而导致子组件不必要地重新渲染。为了避免这种情况,可以使用 useCallback  阅读全文
posted @ 2024-05-25 14:27 炽橙子 阅读(63) 评论(0) 推荐(0) 编辑
摘要: `useMemo` 是 React 提供的一个自定义 Hook,用于在渲染过程中执行一些昂贵的计算,并且仅在依赖项发生变化时重新计算。这有助于优化性能,避免在每次渲染时都重新计算相同的数值或对象。 在使用 `useMemo` 时,您可以传入一个函数和一个依赖项数组。`useMemo` 会在渲染过程中 阅读全文
posted @ 2024-05-25 00:06 炽橙子 阅读(64) 评论(0) 推荐(0) 编辑
摘要: import React, { createContext, useContext } from 'react'; // 创建一个上下文 const ThemeContext = createContext('light'); // 在某个父组件中提供上下文的值 function App() { r 阅读全文
posted @ 2024-05-24 23:39 炽橙子 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 当我们讨论嵌套泛型时,让我们以一个简单的示例来说明。假设我们有一个泛型类型 `Container`,它接受两个类型参数:`T` 和 `U`。其中 `T` 表示容器中的数据类型,而 `U` 则表示某种附加信息的类型。 ```typescript// 定义一个泛型类型 Containertype Con 阅读全文
posted @ 2024-05-24 10:39 炽橙子 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 类型断言(Type Assertion)是指在编程中显式地指定一个值的类型。在 TypeScript 中,类型断言可以让开发者告诉编译器某个值的确切类型,并且在编译时不进行类型检查或者进行更灵活的类型检查。 下面是一个简单的 TypeScript 类型断言的例子: // 定义一个变量 let som 阅读全文
posted @ 2024-05-23 22:12 炽橙子 阅读(11) 评论(0) 推荐(0) 编辑
摘要: useCallback 是 React 中的一个钩子函数,它用于创建一个稳定的回调函数,并且可以帮助优化性能。通常情况下,当父组件向子组件传递回调函数时,如果没有使用 useCallback,每次父组件重新渲染时,都会创建一个新的回调函数实例,这可能导致子组件不必要的重新渲染。使用 useCallb 阅读全文
posted @ 2024-05-23 16:07 炽橙子 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 当你在 React 中使用 `{children}` 时,它通常是用来传递一个函数作为子组件。这种模式通常被称为 "render props" 或 "function as child"。通过这种方式,父组件可以向子组件传递一个函数,并在子组件内部调用这个函数,并且还可以传递参数给这个函数。 下面是 阅读全文
posted @ 2024-05-23 15:54 炽橙子 阅读(72) 评论(0) 推荐(0) 编辑