React Hooks 是 React 16.8 版本引入的新特性,它使得在不编写类的情况下使用 state 以及其他的 React 特性成为可能。下面是一些关于 React Hooks 的基本概念和使用方法。
常见 Hooks
useState
: 用于在函数组件中添加 state。useEffect
: 用于在组件渲染后执行副作用操作。useContext
: 用于访问 React 上下文(Context)中的值。useReducer
: 一个更加强大的状态容器,适用于更复杂的状态逻辑。useCallback
: 返回一个记忆化的回调函数。useMemo
: 返回一个记忆化的值。
使用 Hooks 的例子
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}
更多信息
想要深入了解 React Hooks,可以参考官方文档:React Hooks。
React Hooks