Add unique object into array reactjs

Question

i have problem here, when i click into one element 2 times it will add 2 time into my array, i dont know how to add unique element into array, can u guys help me? Thank you guys

 const handleClick = (
    id: number,
    name: string | null,
    avatar: string | null
  ) => {
    setListChoose((prevState: any) =>
      [...prevState].concat({ id, name, avatar })
    );
  };

Use an obejct instead of an array. Use the id as the key.

super
– super

2022-06-18 08:06:28 +00:00
Commented Jun 18, 2022 at 8:06 — super
– super, Commented Jun 18, 2022 at 8:06
Is your id supposed to be unique?

Tushar Shahi
– Tushar Shahi

2022-06-18 08:08:08 +00:00
Commented Jun 18, 2022 at 8:08 — Tushar Shahi
– Tushar Shahi, Commented Jun 18, 2022 at 8:08
yes, id is unique

Viet Nguyen
– Viet Nguyen

2022-06-18 08:09:09 +00:00
Commented Jun 18, 2022 at 8:09 — Viet Nguyen
– Viet Nguyen, Commented Jun 18, 2022 at 8:09
@super can i guide me?

Viet Nguyen
– Viet Nguyen

2022-06-18 08:12:47 +00:00
Commented Jun 18, 2022 at 8:12 — Viet Nguyen
– Viet Nguyen, Commented Jun 18, 2022 at 8:12

Shikhar Awasthi · Accepted Answer · 2022-06-18 08:24:14Z

1

You can check that whether that contact exists in array or not. If not then append in list else don't.

const handleClick = (
    id: number,
    name: string | null,
    avatar: string | null
  ) => {
    let list = Array.from(listChoose); //assuming that list name is listChoose.
    if(list.find(l => l.id === id) === undefined){
       setListChoose((prevState: any) =>
          [...prevState].concat({ id, name, avatar })
       );
    }
  };

answered Jun 18, 2022 at 8:24

Shikhar Awasthi

1,2341 gold badge5 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add unique object into array reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related