使用useState和useEffect的基本示例是什么

useState和useEffect是React Hooks的两个常用API，用于在函数组件中管理状态和处理副作用。

下面是一个基本示例，展示了如何使用useState和useEffect：

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

const ExampleComponent = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  }, [count]);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
};

export default ExampleComponent;

在上面的示例中，useState用于创建一个名为count的状态变量，并使用setCount函数来更新该状态。每次点击按钮时，count会增加1。

useEffect用于在组件渲染时执行副作用操作。在这个例子中，我们使用useEffect来更新浏览器标题，每当count更改时，useEffect会重新运行。