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