ReactJS Functional Components

[MauricioAires]

Functional components are some of the more common components that will come across while working in React. These are simply JavaScript functions. We can create a functional component to React by writing a JavaScript function. These functions may or may not receive data as parameters. In the functional Components, the return value is the JSX code to render to the DOM tree.
Example: Program to demonstrate the creation of functional components.

Filepath- src/index.js: Open your React project directory and edit the index.js file from src folder:

Different ways of calling the functional component:

We can call the functions in java script in other ways as following:

Calling the function by using name of the function followed by the Parentheses.