zippax help

Category.js

import { useState, useEffect }, React from 'react'

const categoriesURL = (id) => `your-url/categories`

export default Category () => {
  const [categories, setCategories] = useState([])
  useEffect(() => {
    fetch(categoriesURL).then(res => res.json()).then(data => setCategories(data))
  }, [])
  
  return <>
    {categories.map(cat => <CategoryItems category={cat} />)}
    </>
}

CategoryItems.js

import { useState, useEffect }, React from 'react'


const categoriesItemsURL = (id) => `your-url/items?category_id=${id}`

export default CategoryItems ({category}) => {
  const [items, setItems] = useState([])
  useEffect(() => {
    fetch(categoriesItemsURL(category.id)).then(res => res.json()).then(data => setCategories(data))
  }, [])
  
  return <>
    {items.map(item => <Text>{item.name}</Text>)}
    </>
}