Map a nested spread onto a spread

julian.a 0
Viewed 23

I have an array with Persons and want to spread new entries. But I do not have Persons to spread, just lastNames. How do I solve this?

type Person = {
   name: string,
   lastName: string,
   age: number
}

function MyComponent() {
   const [persons, setPersons] = useState<Person[]>([])

   function addNewPersons(lastName: string[]): void {
      setPersons((prevState: Person[]) => [
         ...prevState,
         // spread lastName[] onto Person[]
      ]);
   }

   return <></>;
}
spread-syntax typescript
1 Answers

Possibly something like this...

type Person = {
  name?: string;
  lastName: string;
  age?: number;
};

function MyComponent() {
  const [persons, setPersons] = useState<Person[]>([]);

  function addNewPersons(lastNames: string[]) {
    const newPersons: Person[] = lastNames.map((lastName) => ({
      lastName,
    }));
    setPersons((prevPersons: Person[]) => [...prevPersons, ...newPersons]);
  }

  return <></>;
}
cefn0
Related