How to display products from json in React?

Question

JavaScript

Hello! tell me, please, how to implement this: The catalog of all products should be taken from a json file
Thank you

Answer 1

For example like this:

import React from 'react';
import data from './products.json';

const List = () => (
  <ul>
    {data.map(product => (
      <li key={product.id}>{product.title}</li>
    )}
  </ul>
);

Lists and Keys