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 ...

Listing 1 shows how props are handled in a function-based component tree. The process is similar with classes. The function-based example shows off the more streamlined syntax of the functional style.