text: import React, {Component} from 'react';
  import ProductList from "./Product/ProductList";
  
  export class Home extends Component {
    static displayName = Home.name;
  
    render () {
        let products = [
            {
                Id:1,
                ProductName:"TestProduct1",
                ProductDescription:"a description",
                ProductImage: "imagesrc",
                ProductCategory:"category",
                DateCreated: "some kind of date",
                ProductPrice: 120,
                Stock: 2,
                
            },
            {
                Id:2,
                ProductName:"TestProduct2",
                ProductDescription:"a description for this product",
                ProductImage: "imagesrc",
                ProductCategory:"category",
                DateCreated: "some kind of date",
                ProductPrice: 300,
                Stock: 5,
  
            },
            {
                Id:3,
                ProductName:"TestProduct4",
                ProductDescription:"a description for this product",
                ProductImage: "imagesrc",
                ProductCategory:"category",
                DateCreated: "some kind of date",
                ProductPrice: 200,
                Stock: 10,
  
            },
        ];    
      return (
        <div>
          <h1>Hello, world!</h1>
          <p>Welcome to your new single-page application, built with:</p>
          <ul>
            <li><a href='https://get.asp.net/'>ASP.NET Core</a> and <a href='https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>
            <li><a href='https://facebook.github.io/react/'>React</a> for client-side code</li>
            <li><a href='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>
          </ul>
          <p>To help you get started, we have also set up:</p>
          <ul>
            <li><strong>Client-side navigation</strong>. For example, click <em>Counter</em> then <em>Back</em> to return here.</li>
            <li><strong>Development server integration</strong>. In development mode, the development server from <code>create-react-app</code> runs in the background automatically, so your client-side resources are dynamically built on demand and the page refreshes when you modify any file.</li>
            <li><strong>Efficient production builds</strong>. In production mode, development-time features are disabled, and your <code>dotnet publish</code> configuration produces minified, efficiently bundled JavaScript files.</li>
          </ul>
          <p>The <code>ClientApp</code> subdirectory is a standard React application based on the <code>create-react-app</code> template. If you open a command prompt in that directory, you can run <code>npm</code> commands such as <code>npm test</code> or <code>npm install</code>.</p>
          <ProductList products={products}/>
        </div>
      );
    }
  }
  