React学习16----项目练习，外卖列表页

巩固学过的知识：
数据请求：
https://blog.csdn.net/zhaihaohao1/article/details/87911524
配置路由
https://blog.csdn.net/zhaihaohao1/article/details/87911954
动态路由传值
https://blog.csdn.net/zhaihaohao1/article/details/87912396
循环列表数组
https://blog.csdn.net/zhaihaohao1/article/details/87807500
具体项目如下：
效果图：

项目结构：

App.js 中配置路由

import React, {Component} from 'react';
import logo from './assets/images/logo.svg';
import './assets/css/App.css';
import Home from "./components/Home";
import ProductList from "./components/ProductList";
import ProductDetails from "./components/ProductDetails";
import {BrowserRouter as Router, Route, Link} from "react-router-dom";


class App extends Component {