homeworks/ReactHWs/react1/src/components/CategoryMenu.jsx

import React from 'react';
import CategoryMenuItem from "./CategoryMenuItem";

const rootCats = [
    {
        "name": "test3"
    },
    {
        "name": "Tools"
    },
    {
        "name": "Tomatoes"
    },
    {
        "name": "123"
    },
    {
        "name": "iPhone"
    },
    {
        "name": "Samsung"
    },
    {
        "name": "Smartphone"
    },
    {
        "name": "Large home appliances"
    },
    {
        "name": "Garden"
    },
    {
        "name": "Children's products"
    },
    {
        "name": " Hobbies and sports"
    },
    {
        "name": "Sale"
    }
]
const CategoryMenu = () => {
    return (
        <>
            <aside id='aside'>
                <ul>
                    {rootCats.map(cat => <CategoryMenuItem name={cat.name}/>)}
                </ul>
            </aside>
        </>
    );
};

export default CategoryMenu;