Jobless BustersTwoja przestrzeń do nauki

What is destructuring?

Co to destructuring?

Najpierw odpowiedz na głos lub w myślach, potem porównaj.

Odpowiedź

Pozwala wygodnie wyciągać wartości.

Obiekt:

JavaScript

const user = {
  name: "Tom",
  age: 30
};

const { name, age } = user;

Tablica:

JavaScript

const [first, second] =
  [10, 20];

Zmiana nazwy:

JavaScript

const {
  name: userName
} = user;

Wartość domyślna:

JavaScript

const {
  role = "user"
} = user;

W React:

JavaScript

const [count, setCount] =
  useState(0);

to też destructuring.

Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.