A functional component has limited features and is mostly used for:
- Rendering purposes: It simply renders a React element
- Mirroring purposes: via the “props” object, it mirrors the state of or runs the function of a parent element
Functional components are the most basic definition of a React component. Such component cannot have a state or a lifecycle.