React购物车组件：获取推荐商品和购物车信息

import React, { useEffect, useState } from 'react'; import CartList from './components/cart/cartList'; import axios from 'axios'; import MyFooter from '../../components/myfooter';

export default function Cart() { const [recommend, setRecommend] = useState([]);

useEffect(() => {
    const fetchData = async () => {
        try {
            const res = await axios.post('/recommend/getRecommendProduct', {
                portal: 21,
                version: 350,
                lang: 'zh-CN',
                country: 'CNQX',
                _areacode: 'CNQX',
                beCode: 'CNQX',
                isRecommended: true,
                pageSize: 20,
                tid: '7656c50fa03e6a4201a8b08a265c76f6',
                pageNum: 1,
                sceneId: '1,3,9,1802',
                pageType: 9,
                positionType: 1802,
                skuCode: ['8086180009201', '8086180006401'],
            });
            console.log(res.data.productDetailList);
            setRecommend(res.data.productDetailList);
        } catch (error) {
            console.log(error);
        }
    };
    fetchData();

    const fetchCartData = async () => {
        try {
            const res = await axios.get(
                '/queryCart?salePortal=3&orderSouce=4&orderType=0&portal=21&version=350&lang=zh-CN&country=CNQX&_areacode=CNQX&beCode=CNQX'
            );
            console.log(res.data.cartInfo);
        } catch (error) {
            console.log(error);
        }
    };
    fetchCartData();
}, []);

return (
    <div>
        <CartList recommend={recommend} />
        <MyFooter />
    </div>
);

}