Refactoring destructuring statement

Question

const question = this.props.question
const answer = question.answer

Refactor the above snippet to use destructuring.

const { question } = this.props
const { answer } = question

How can I refactor this destructuring to one line? If I do this one, const { question: { answer } } = this.props , I won't get the reference for question ?

Answer 1

You can reference the same property multiple times when destructuring:

const { question, question: { answer } } = this.props;

 const props = { question: { answer: 'answer' } }; const { question, question: { answer } } = props; console.log(question); console.log(answer);