详细讲解1、React.useState（） 2、React.useEffect（） 3、React.useRef（）的作用和使用案例

1、React.useState() 是 React 中的一个 Hook 函数，用于在函数组件中添加状态。它返回一个包含当前状态值和更新状态值的数组，可以通过解构赋值获取这两个值。

使用案例：

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

在上面的例子中，我们使用了 useState() 来创建一个名为 count 的状态变量和一个名为 setCount 的函数。初始值为 0。通过解构赋值，我们可以将 count 的当前值展示在页面上，并在点击按钮时通过 setCount 将 count 的值加1，实现计数器的功能。

2、React.useEffect() 是 React 中的另一个 Hook 函数，用于在函数组件中执行副作用操作，比如订阅数据、修改 DOM 等。它在组件渲染完成后执行，并且可以在组件更新时重新执行。

使用案例：

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 response.json();
    setData(data);
  };

  return (
    <div>
      {data ? (
        <ul>
          {data.map((item) => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      ) : (
        <p>Loading data...</p>
      )}
    </div>
  );
}

在上面的例子中，我们使用 useEffect() 来执行 fetchData() 函数，该函数通过网络请求获取数据，并将数据更新到组件的状态中。通过传递一个空数组作为第二个参数，我们告诉 React 只在组件渲染完成后执行一次 useEffect()，避免重复执行。

3、React.useRef() 是 React 中的又一个 Hook 函数，用于在函数组件中创建一个可变的 ref 对象。ref 对象可以存储任意可变值，类似于在 class 组件中使用的实例属性。

使用案例：

import React, { useRef } from 'react';

function InputFocus() {
  const inputRef = useRef(null);

  const handleClick = () => {
    inputRef.current.focus();
  };

  return (
    <div>
      <input ref={inputRef} type="text" />
      <button onClick={handleClick}>Focus Input</button>
    </div>
  );
}

在上面的例子中，我们使用 useRef() 创建了一个名为 inputRef 的 ref 对象，并将其赋值给 input 元素的 ref 属性。在点击按钮时，通过调用 inputRef.current.focus()，我们可以将焦点设置到输入框上。

总结：
- React.useState() 用于在函数组件中添加状态。
- React.useEffect() 用于执行副作用操作，比如订阅数据或修改 DOM。
- React.useRef() 用于创建一个可变的 ref 对象，类似于在 class 组件中使用的实例属性。