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