Using the bullet points and the provided HTML file, how should I write the file using the bullet points provided?

You can use JSX for Part 3. Use a class-based component for Part 3.

Create a single class based React component called Product.

The Product component will take in a single prop called product and is expecting data in the form of an object. This will be an object representing JSON data for one product. The product data is defined in the supplied file.

Pass the data object for the single product to the Product component and then inside the component use that object for the img src, product name, and product desc. Do not pass separate props, pass in the one object and use it.

When rendered this should look identical to Part 2, use the same html elements as described in Part 2

Using ReactDOM render the Product element to the page in the div with id of app.

HTML File: