React 速查表
Hooks 与常用模式
| 用法 | 说明 |
|---|---|
useState(initial) | 状态 |
useEffect(()=>{}, [deps]) | 副作用 |
useRef(initial) | 引用 |
useContext(MyContext) | 上下文 |
useMemo(()=>value, [deps]) | 记忆化值 |
useCallback(()=>{}, [deps]) | 记忆化回调 |
useReducer(reducer, initial) | Reducer 状态 |
{condition && <JSX>} | 条件渲染 |
{list.map(item => <Item key={id} />)} | 列表渲染 |
className="..." | 类名 |
onClick={handler} | 事件 |
props.children | 子节点 |
<Outlet /> | 嵌套路由（React Router） |
useNavigate() useParams() | 路由 Hooks |