Functional components are capable of performing all the work of a class-based component beginning with React 16, via the “hooks” API. Simple class-based vs. functional comparison ...

Now that you have some grasp of React elements, we can explain React components, which are JavaScript functions or ES6 classes that accept arbitrary inputs (props) and return the React elements ...