React Hooks 是 React 16.8 版本引入的新特性,它允许你在不编写类的情况下使用 state 以及其他的 React 特性。
常用 Hooks
以下是一些常用的 React Hooks:
useState
:用于在函数组件中添加 state。useEffect
:用于在组件渲染后执行副作用操作。useContext
:用于访问 React 上下文(Context)。useReducer
:用于替代useState
的复杂 state 管理逻辑。useCallback
:用于返回一个记忆化的回调函数。
示例
以下是一个使用 useState
的简单示例:
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 官方文档。
[center]
[center]