React Typescript How to add a new array to an array of objects useState

Question

I there! I'm using typescript in my React project. Now I want to create a useState of array of objects but I have a important error when I want to add a new record. How Can add a new value to my useState? Thanks!

    // interfaces.type.ts
export interface ManagementDocuments {
  id: number;
  idDocument: number;
  name: string;

// shippers.tsx
const [shipperManagementDocumentsSelected, setShipperManagementDocumentsSelected] = useState<ManagementDocuments[]>([]);

const inputChangeHandler = (name, newValue): any => {
    switch (name) {
      case DocumentType.MANAGEMENT:
        // the problem starts here, I don't know how to add a new record to my useState
        setShipperManagementDocumentsSelected(
          ...shipperManagementDocuments,
          newValue

        );
        .
        .
        .
    }
}

What is newValue, an array or an object? If it's an array, is it an array of objects? — Dan Zuzevich
– Dan Zuzevich, Commented Sep 24, 2021 at 14:10

Strazan · Accepted Answer · 2021-09-24 14:18:25Z

2

Try this!

setShipperManagementDocumentsSelected(prev => {
   return [ 
      ...prev,
      newValue
   ]
);

Here is the documentation for setState

https://reactjs.org/docs/hooks-reference.html#usestate

edited Sep 24, 2021 at 14:18

answered Sep 24, 2021 at 14:12

Strazan

1481 silver badge17 bronze badges

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

3 Comments

Dan Zuzevich Over a year ago

His state is an array.

Strazan Over a year ago

Wops, updated! :)

Young Al Capone Over a year ago

Thank you very very much!

Collectives™ on Stack Overflow

React Typescript How to add a new array to an array of objects useState

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related