javascript - 使用 useState 钩子的函数组件会被视为有状态组件吗？

Question

将类型的组件

function App() {
  const [state,  setState] = React.useState()

  return (
     [...]
  )
}

被定义视为一个有状态的组件？或者仍然是一个无状态的功能组件，因为它没有React.Component显式扩展并且没有通过传递声明状态super(props)？

最好的问候，康斯坦丁

score 1 · Accepted Answer

无状态组件是当组件纯粹是props的结果，没有状态，组件可以写成纯函数，避免创建 React 组件实例。

const Component = ({ name }) => {
  return <>{name}</>;
};

所以，如果它不是无状态的，它就是一个有状态的组件。

function App() {
  const [state,setState] = React.useState()
  return <>{state}</>
}

score 1 · Accepted Answer

每个具有状态的 React 组件都会影响其行为（/render）或另一个组件的行为可以被视为“有状态组件”。所以对于问题中的功能 - 是的，App是有状态的。

2 回答 2