重构销毁声明

Question

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

重构以上代码片段以使用解构。

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

如何将这种破坏重构为一行？如果我这样做const { question : { answer } } = this.props，将不会得到参考question？

Answer 1

解构时，您可以多次引用同一属性：

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

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