ES6 đối tượng lồng nhau sâu destructuring

Question

Tôi đã một đối tượng gọi this.props chứa

{ 
actions: Object, 
dirty: false, 
form: "Statement", 
autofill: functon(), 
**statement: Object** 
} 

statement chứa

{ 
firstName: "John" 
lastName: "Peter" 
isConfirmed: true 
} 

Tôi muốn trích xuất statement đối tượng và isConfirmed tài sản trong cùng một dòng sử dụng destructuring es6

Tôi đã thử

const { statement: isConfirmed, isAdmin } = this.props 

mà tôi nhận được một lỗi khi tôi làm let a = isConfirmed, b = statement

Answer 1

Tôi muốn trích xuất đối tượng tuyên bố và tài sản isConfirmed trong cùng một dòng

const { statement: { isConfirmed }, statement } = this.props; 

Bằng cách đó bạn sẽ có được cả hai isConfirmed và toàn bộ đối tượng statement.

Tài liệu tham khảo:

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Nested_object_and_array_destructuring