const [category, setCategory] = useState([]);
    const [categoryId, setCategoryId] = useState([]);
    const [categorySub, setCategorySub] = useState([]);
    const [isActive, setActive] = useState(false);

//Взять id
    const handleClick = (event) =>{
        setCategoryId(event.currentTarget.id)
    }

// Обычный запрос на все категории

    useEffect(() => {
        fetch('http://api.tmweb.ru/category?filter[depth]=1&filter[type]=0',{
            headers: {
                'Accept': 'application/json',
                'Authorization': token,
            }
        })
            .then(res => res.json())
            .then((result) => setCategory(result.data),
            )
    }, [])

// Запрос при клике с хуком который передает id

    let getDataCategory = async () => {
        await fetch(`http://api.tmweb.ru/category?filter[parent_id][in]=${categoryId}&filter[type]=0`,{
            headers: {
                'Accept': 'application/json',
                'Authorization': token,
            }
        })
            .then(res => res.json())
            .then((result) => setCategorySub(result.data),
            )
    }

// С инпута берем id, при онклике по элементу делаем запрос.
 {category.map(item =>
                    <div onClick={getDataCategory} className="equipment__special__check" key={item.id}>

                        <input type="checkbox" onClick={handleClick} id={item.id} />
                            <label htmlFor={item.id} className="product__wrap">
                                <div className="img">
                                    <img src={url + item.image} alt="" />
                                </div>
                                <p className="title">{item.title}</p>
                            </label>
                    </div>
     )}