-

Product List for {this.props.name}
   
   
Samsung A6 Plus
   
iPhone X Plus
   
Vivo V15 Pro
   
   
   );
   }
}
We can use the following React component in your JSX code:
We have used props in the React components. Now we will see how to use the state in the React components in the next section.
Using state in React components
In the React components, the data comes from the state. We need to create stateful components in our front-end application where the data
should be rendered and not create an unnecessary stateful component to reduce the complexity of the React application. In the following sample
code, we will how to create a stateful component in React using the ES6 syntax:
import React from ‘react’;
class ProdosApp extends React.Component {
   constructor(props) {
   super(props);
this.state = {
product1: “Samsung A6 Plus”,
product2: “iPhone X Plus”,
product3: “Vivo V15 Pro”

---

}
}
   render() {
   return (