Destrukturyzacja obiektu

Zamiast definiować każdy klucz ze stanu, propsów lub dowolonego obiektu możemy skorzystać z destrukturyzacji. Jest to bardzo wygodne zwłaszcza gdy mamy wiele propsów

Zatem przypisanie zmiennych w następujący sposób

const name = this.props.name;
const surname = this.props.surname;
const image = this.props.image;
const age = this.props.age;

Można zastapić

const { name, surname, image, age } = this.props;