React 生命周期钩子(旧)
React 生命周期钩子（Lifecycle Hooks）是 React 类组件中用于管理组件生命周期的方法。在 React 16.3 之前，React 的生命周期钩子分为三个阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting）。以下是这些生命周期钩子的详细说明：1. 挂载阶段（Mounting）挂载阶段是指组件被创建并插入到 DOM 中的过程。这个阶段涉及以下生
分类 默认分类 下的文章
React 组件的受控组件和非受控组件 笔记
在 React 中，受控组件和非受控组件是两种不同的表单处理方式。受控组件在受控组件中，表单数据由 React 组件的状态（state）来管理。表单的值和 React 组件的状态是同步的，React 组件通过更新状态来控制表单的值。以下是一个受控组件的例子：import React, { Component } from 'react'; class MyComponent extends Co
React 组件的三大核心属性之一 refs 笔记
在 React 中，refs 是一种访问 DOM 元素或组件实例的方式。refs 可以用于直接操作 DOM 元素，或者访问组件实例的方法。refs 在某些情况下非常有用，例如，需要直接访问 DOM 元素进行动画，或者需要访问组件实例的方法。创建 Refs在 React 中，可以使用 React.createRef 方法创建一个 ref。然后，可以将这个 ref 附加到元素或组件上。import R
React 组件的三大核心属性之一 props 笔记
React 组件的三大核心属性之一：propsprops 是 React 组件的三大核心属性之一，用于在组件之间传递数据。props 是只读的，组件不能直接修改自己的 props，但可以通过父组件传递新的 props 来更新。1. 函数式组件中的 props函数式组件是一个简单的 JavaScript 函数，接收 props 作为参数，并返回 React 元素。// 函数式组件 function
React 组件的三大核心属性之一 state 笔记
React 组件的三大核心属性之一是 state，它用于存储组件的动态数据。state 是组件私有的，并且可以在组件的生命周期内发生变化。当 state 发生变化时，React 会重新渲染组件，以反映最新的数据。以下是关于 state 的一些关键点：初始化 State：在组件的构造函数中，通过 this.state 来初始化 state。例如：constructor(props) { supe