unable to render unique city icons for routing

11d ago (edited) in Help

im having trouble with developing the icons on the left for the weather app. i am trying to populate that new component every time user hits enter on the keyboard. im trying to add a new <CityIcon /> to a state array called items[ ] onKeyDown === 'Enter'. its adding to the array, however, the components have the same data. i need unique data in order to render a new route for that city. how can i go about this ? here is my code :

https://codesandbox.io/p/github/jerryshano/weather-app/draft/silly-morning

14 comments