productDetailsRouter.jsx

import React from 'react';

import {products} from './products';

const ProductDetails = ({ name, match }) => {
  const { params: { productId }} = match;
  const product = products[productId];

  return (
    <div className="product-deatils">
      <h2>Product Details</h2>
      <div>
        <h3>{ product.name }</h3>
        <h4>{ product.price }</h4>
        <p>{ product.description }</p>
      </div>
    </div>
  )
};

export default ProductDetails;