Reactでの詳細ページの作り方

Json

{ "attributes": { "camera": [ { "entity_id": "camera_1", "object_id": "AMC0570066109434BF", "home": "api/services/home", "away": "api/services/away", "image": "services/camera_proxy/camera_1", "live_stream": "services/camera_proxy_stream/camera_1", "mode": "Home", "room_name": "Main", "state": "Home", "stream": "services/camera_proxy_stream/camera_1", "is_failed": false, "rank": 0, "disabled": false }, { "entity_id": "camera_3", "object_id": "Z104E0A3476D0", "home": "api/services/home", "away": "api/services/away", "image": "services/camera_proxy/camera_3", "live_stream": "services/camera_proxy_stream/camera_3", "mode": "Home", "room_name": "Unassigned Devices", "state": "Home", "stream": "services/camera_proxy_stream/camera_3", "is_failed": false, "rank": 0, "disabled": false }, { "entity_id": "camera_4", "object_id": "AMC057ED147BD72134", "home": "api/services/home", "away": "api/services/away", "image": "services/camera_proxy/camera_4", "live_stream": "services/camera_proxy_stream/camera_4", "mode": null, "room_name": "Garage", "state": null, "stream": "services/camera_proxy_stream/camera_4", "is_failed": false, "rank": 0, "disabled": false }, { "entity_id": "camera_2", "object_id": "AMC05723DA911E755D", "home": "api/services/home", "away": "api/services/away", "image": "services/camera_proxy/camera_2", "live_stream": "services/camera_proxy_stream/camera_2", "mode": null, "room_name": "Unassigned Devices", "state": null, "stream": "services/camera_proxy_stream/camera_2", "is_failed": true, "rank": 0, "disabled": false } ],. . .