How to route components with same links in React?

Question

In my React project, I have JSON data as follows:

const data = {
contents: {

list:{id: 5abcd,
photo: {
cover: "url"
}},

list:{id: 5xyz,
video: {
cover