react 函数组件有状态吗

函数组件在 React 中可以有状态，但是需要使用 React Hooks 来实现。React Hooks 是 React 16.8 版本引入的一种新的 API，它可以让我们在函数组件中使用状态、生命周期等 React 特性。通过使用 useState Hook，我们可以在函数组件中定义状态。例如：

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>
  );
}

在上面的例子中，我们使用 useState Hook 定义了一个名为 count 的状态变量和一个名为 setCount 的函数，用来更新 count 的值。每次点击按钮时，会调用 setCount 函数来更新 count 的值，并重新渲染组件。因此，我们可以看出，函数组件是可以有状态的。