In this article I am going to show display data to web page in react using map function

Example

import React from "react";
export default function App() {

  const products = [

    {
      id: 1,
      name: "iPhone",
      price: 654,
    },
    {
      id: 2,
      name: "Samsung",
      price: 454,
    },
    {
      id: 3,
      name: "Nokia",
      price: 214,
    },

  ];

  return (
    <div>

      {products
        ? products.map((product) => {

            return (
              <div key={product.id}>
                <p>Name: {product.name}</p>
                <p>Price: {product.price}</p>
              </div>
            );

          })
        : null}

    </div>
  );
}