React-hooks有哪些用法？

React Hooks 是 React 16.8 引入的一种新的特性，用于在函数组件中使用状态和其他 React 特性。下面列举了一些常见的 React Hooks 的用法：

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

import React, { useState } from 'react';

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

  return (
    

      
Count: {count}
       setCount(count + 1)}>Increment
    
  );
}

1
2
3
4
5
6
7
8
9
10
11
12
13

2：useEffect：用于在函数组件中执行副作用操作（如订阅、数据获取等）。

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

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

  useEffect(() => {
    // 执行副作用操作
    fetchData().then(data => {
      setData(data);
    });

    // 清理副作用操作
    return () => {
      cleanup();
    };
  }, []);

  return 
{data ? 
Data: {dat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17