React konusunda yardıma ihtiyacım var.

Merhabalar tam olarak ifade edebilirim inşallah Bir kitap listem var ve bu listede bir kitaba tıklayınca onun detayına gidebiliyorum. Bu kitabım tüm dersler kitabı olsun. Bu kitabın detayında ise sol tarafta bir sidebar olacak. Sidebar'ın menüsü Matematik altında ise Matematik > Problemler Matematik > Kümeler gibi olduğunu düşünelim. Matematik kısmı fetchMainlink altında bulunan json datam dan geliyor. Ancak problemler ve kümeler gibi alt başlıkları fetchSublink altında bulunan başka bir json dosyasında saklanıyor. Bu alt menüleri çekebilmem için matematik ana menüsünün id'sine ihtiyaç duyuyorum yani bookContentId=35 yazana buradaki bookContentId=35'i nasıl dinamik yaparım? Yine aynı şekilde bu problemler kısmına bağlıda test sorularım var onuda fetchQuestion kısmında çekiyorum ancak yine problemler içinden gelen testId'ye ihtiyacım var burayıda dinamik yapmalıyım? Nasıl yaparım teşekkürler.

Kullandığınız sidebar ' a parametre ekleyerek yapmayı denediniz mi hocam ?

Parametre vererek fetchMainlink içinde çağırabilirsiniz hocam.

const fetchMainLink = async() => {
..
.

fetchSubLink(yukardan gelen data)
}

const fetchSubLink = async(id) => {
.
.
}

Data yapısını göremediğim için yanlış olabilir. Ama mantık olarak bu şekilde yapılabilir.

Renderlayacağın ana menülere şu şekilde bir şey ekleyebilirsin;
//state tanımı
const [menuId, setMenuId] = useState(null);


//elemente ekleyeceğin yapı
<... onClick={() => setMenuId("map fonksiyonundan gelen id")}

//data
fetch("...." + menuId)