小笔记

140 阅读1分钟

useState 和 useRef 的区别:

  • useState: 用于在函数组件中添加状态。当状态变化时,组件会重新渲染。
  • useRef: 不会导致组件重新渲染。

保留值

  • useState: 每次组件重新渲染时,useState 会保留状态的当前值。
  • useRef: useRef 保留的值在组件重新渲染时不变。只有 current 属性的变化不会引起重新渲染。

适用场景

  • useState: 适用于管理和渲染与 UI 相关的状态,例如表单输入、组件显示/隐藏等。
  • useRef: 适用于保存和访问不需要触发重新渲染的值,例如获取 DOM 元素的引用、存储之前渲染的值等。

React 引用顺序

内置 > 外部 > 自己写的

import * as React from 'react';
import { Dropdown, Menu, Icon } from 'antd';
import Header from './Header';
import toast from 'common/toast';
import './index.less';

React 页面命名规则

  • 组件命名:采用驼峰CamelCase
  • 组件参数命名:采用小驼峰camelCase