Alforoan•2y ago

✅ – Alforoan – 05-35 Jan 4

So I've rendered a bunch of movies from an api and would like a button (that each movie has) to change its state (prev => !prev) every time i click on a button but only for one movie not all. I've tried filtering by passing in id but the warning says encountered two children with same key(id) and idk how to fix that

Solution:

Message Not Public

Jump to solution

44 Replies

Alforoan•2y ago

const handleClick = (id) => {
    if (movies.id === id) {
      setInfoClicked((prev) => !prev);
    }
  };

const handleClick = (id) => {
    if (movies.id === id) {
      setInfoClicked((prev) => !prev);
    }
  };

this is what i have

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

like i fetched the api and made a component that renders each movie

Alforoan•2y ago

https://gyazo.com/03fcb4e1b923d176c7ff690caa05f245

Gyazo

Alforoan•2y ago

kinda like that

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

button, image, title, date

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

i have it on the same page

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

they r all on the same page

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

well im not sure if i know 100% what u mean

Unknown User•2y ago

Message Not Public

Alforoan•2y ago

i have a state thats set as false its set to true if i click on that button