Phá cấu trúc các props và state
Tham chiếu ổn định đến state và props như this.state và this.props có thể trở nên lặp lại, vi phạm nguyên tắc
DRY (don’t repeat yourself) cái nhiều chúng ta cố gắng tuân theo. Để sửa cái này, bạn có thể thử sử dụng phá cấu
trúc. Phá cấu trúc là một đặc tính Javascript mới cái được thêm vào như phần của tiêu chuẩn kĩ thuật ES2015
và là có sẵn trong các ứng dụng React Native. Ý tưởng cơ bản là rằng bạn có thể lấy các đặc tính từ một object và
sử dụng chúng như các biến trong một app:
const person = { name: ‘Jeff’, age: 22 }
const { age } = person
console.log(age) #22
Viết một component sử dụng phá cấu trúc, như thể hiện tiếp theo.
Bạn không còn phải tham chiếu tới this.state hay this.props trong component khi tham chiếu book; thay vào, bạn vừa
lấy biến book ra khỏi state và props và có thể tham chiếu biến bản thân nó. Cái này bắt đầu có ý nghĩa nhiều hơn
và sẽ giữ code của bạn sạch hơn khi state và props của bạn trở nên lớn hơn và phức tạp hơn.