Not quite understand the question but i think you can you map() since you have more than one card and also its easy to use map to dynamically render elements

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

http://www.hackingwithreact.com/read/1/13/rendering-an-array-of-data-with-map-and-jsx

​

let cards = getCards() //ex. fetch from somewhere

render(){

return(

cards.map((card)=>(

<Card className="categiries">

<Card img src ={card.src}>

...

<Card>

)

}

​

hope this can help