I want to add an object to the react array

Question

I want to add an object to the state array.
I want to add an object {user.uuid,user.id} to the state array using the spread syntax, I want to add an object {user.uuid,user.id} to the state array. But I get an error and can't add any value to the state. If anyone knows how to solve this problem, please let me know.

  const [id, setId] = React.useState<[{uuid: number; id: number}]>([]);

  useEffect(() => {
    if (id === null) {
     users.map((user) => setId([...id, {user.uuid, user.id}]));
    }
  }, [users]);

I would like to create such an array.

[
  { uuid:sadsa
    id:1
  },
  { uuid:dadsad
    id:2
  },
  { uuid:jihji
    id:3
  },
  { uuid:mokok
    id:4
  },
]

Please, always show the actual error you're getting. Also, the array of objects that you're showing is looking suspicious. Unless the values of uuids are variables, you have to use quotes around them. — BNazaruk
– BNazaruk, Commented Oct 19, 2021 at 6:30

Houssam · Accepted Answer · 2021-10-18 18:28:33Z

1

My understanding from your code is that your state is an array, which means that the type you want to use is {uuid: number; id: number}[]. Thus, the useState statement should be:

const [id, setId] = React.useState<{uuid: number; id: number}[]>([]);

answered Oct 18, 2021 at 18:28

Houssam

1,8751 gold badge7 silver badges24 bronze badges

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

Comments

Siva Kondapi Venkata · Accepted Answer · 2021-10-18 23:16:18Z

0

// define Item type
type Item = {
    uuid: number, id: number
}

// define type as Item array
const [id, setId] = React.useState<Item[] | []>([]);

const user: Item = { uuid: 1, id: 123 };

// setId accepts array of Item, So
setId([...id, user]);

answered Oct 18, 2021 at 23:16

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

I want to add an object to the react array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related