React-hooks有哪些 包括用法是什么？

React Hooks是React 16.8版本引入的功能，它允许你在函数组件中使用状态（state）和其他React特性，而无需编写类组件。以下是一些常用的React Hooks及其用法：

1：useState：用于在函数组件中添加状态。

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(count + 1);
  };

  return (
    

      
Count: {count}
      Increment
    
  );
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2： useEffect：用于执行副作用操作，比如数据获取、订阅事件等。

import React, { useState, useEffect } from 'react';

function DataFetcher() {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 在组件加载后执行数据获取操作
    fetchData();
  }, []);

  const fetchData = async () => {
    const response = await fetch('https://api.example.com/data');
    const data = await
1
2
3
4
5
6
7
8
9
10
11
12
13