Would a component of type
function App() { const [state, setState] = React.useState() return ( [...] ) }
be considered as a stateful component by the definition? Or would be still a stateless functional component since it does not extend React.Component
explicitly and does not declare a state with passing super(props)
?
Best regards, Konstantin
Advertisement
Answer
Stateless Component is when a component is purely a result of props alone, no state, the component can be written as a pure function avoiding the need to create a React component instance.
const Component = ({ name }) => { return <>{name}</>; };
So, if it is not stateless, it is a stateful component.
function App() { const [state,setState] = React.useState() return <>{state}</> }