炽橙子

2024年5月25日

摘要： `useRef` 是 React 提供的一个 Hook，它可以用于在函数组件中存储可变值，并且在组件重新渲染时保持不变。`useRef` 的使用场景包括但不限于： 1. 访问 DOM 元素：可以使用 `useRef` 来获取并操作 DOM 元素，比如设置焦点、测量元素尺寸等。 2. 存储任意可变值：阅读全文

posted @ 2024-05-25 16:11 炽橙子阅读(886) 评论(2) 推荐(0) 编辑

reactk中useCallback的使用场景

摘要： useCallback 是 React 中的一个 Hook，用于优化性能并避免不必要的函数重新创建。在 React 中，当一个组件重新渲染时，其内部的函数也会被重新创建。这可能会导致向子组件传递的回调函数发生变化，从而导致子组件不必要地重新渲染。为了避免这种情况，可以使用 useCallback 阅读全文

posted @ 2024-05-25 14:27 炽橙子阅读(368) 评论(0) 推荐(0) 编辑

react中的useMemo

摘要： `useMemo` 是 React 提供的一个自定义 Hook，用于在渲染过程中执行一些昂贵的计算，并且仅在依赖项发生变化时重新计算。这有助于优化性能，避免在每次渲染时都重新计算相同的数值或对象。在使用 `useMemo` 时，您可以传入一个函数和一个依赖项数组。`useMemo` 会在渲染过程中阅读全文

posted @ 2024-05-25 00:06 炽橙子阅读(421) 评论(0) 推荐(0) 编辑

2024年5月24日

react中的createContext, useContext用法

摘要： import React, { createContext, useContext } from 'react'; // 创建一个上下文 const ThemeContext = createContext('light'); // 在某个父组件中提供上下文的值 function App() { r 阅读全文

posted @ 2024-05-24 23:39 炽橙子阅读(73) 评论(0) 推荐(0) 编辑

TypeScript中的嵌套泛型

摘要：当我们讨论嵌套泛型时，让我们以一个简单的示例来说明。假设我们有一个泛型类型 `Container`，它接受两个类型参数：`T` 和 `U`。其中 `T` 表示容器中的数据类型，而 `U` 则表示某种附加信息的类型。 ```typescript// 定义一个泛型类型 Containertype Con 阅读全文

posted @ 2024-05-24 10:39 炽橙子阅读(67) 评论(0) 推荐(0) 编辑

2024年5月23日

TypeScript中的类型断言

摘要：类型断言（Type Assertion）是指在编程中显式地指定一个值的类型。在 TypeScript 中，类型断言可以让开发者告诉编译器某个值的确切类型，并且在编译时不进行类型检查或者进行更灵活的类型检查。下面是一个简单的 TypeScript 类型断言的例子： // 定义一个变量 let som 阅读全文

posted @ 2024-05-23 22:12 炽橙子阅读(18) 评论(0) 推荐(0) 编辑

React 中的useCallback

摘要： useCallback 是 React 中的一个钩子函数，它用于创建一个稳定的回调函数，并且可以帮助优化性能。通常情况下，当父组件向子组件传递回调函数时，如果没有使用 useCallback，每次父组件重新渲染时，都会创建一个新的回调函数实例，这可能导致子组件不必要的重新渲染。使用 useCallb 阅读全文

posted @ 2024-05-23 16:07 炽橙子阅读(425) 评论(0) 推荐(0) 编辑

React 中使用 `{children}`，传递一个函数作为子组件

摘要：当你在 React 中使用 `{children}` 时，它通常是用来传递一个函数作为子组件。这种模式通常被称为 "render props" 或 "function as child"。通过这种方式，父组件可以向子组件传递一个函数，并在子组件内部调用这个函数，并且还可以传递参数给这个函数。下面是阅读全文

posted @ 2024-05-23 15:54 炽橙子阅读(422) 评论(0) 推荐(0) 编辑

2024年5月19日

react的 Hook ，useReducer 是什么

摘要： useReducer 是 React 中的一个 Hook，用于管理组件的状态。它提供了一种更复杂的状态管理机制，适用于那些状态逻辑较为复杂、包含多个子值的情况。与 useState 不同，useReducer 基于一个叫做 reducer 的函数来更新状态。Reducer 接收当前的状态和一个表示阅读全文

posted @ 2024-05-19 21:53 炽橙子阅读(18) 评论(0) 推荐(0) 编辑

2024年5月18日

React 中的 Hook

摘要： React 中的 Hook 是 React 16.8 版本引入的一项特性，它让你在函数组件中使用状态(state)、生命周期方法、副作用等 React 的特性，而无需编写类组件。使用 Hook 的主要目的是让函数组件具备了更多类组件的功能，同时让代码更加清晰、简洁，并且更容易复用逻辑。一些常见的阅读全文

posted @ 2024-05-18 23:07 炽橙子阅读(75) 评论(0) 推荐(0) 编辑

公告