-

also observe that the dataflow is from the parent component to the child
component.
Figure 8.9: A tree hierarchy of React components
The React components can be defined using the traditional JavaScript methods
or using the ES6 JavaScript class. Let’s see the following JavaScript function:
// Using JavaScript function
const HelloProdos = function(props) {
   return (
   
Welcome, hello there PRODOS.
   );
}
The preceding JavaScript code does the following things:
The preceding code creates an anonymous JavaScript function and it assigns it to a constant as HelloProdos.
This JavaScript function has only one statement, return.
This statement returns the JSX code to represent a view using the HTML