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] React Hooks [center]