javascript - 在子组件中将多个 this.props 属性分配给新变量一次时出错

Question

我尝试在子组件中一次分配多个 this.props 属性:

const {readings, wantRead, read} = this.props;

当我尝试使用 readings 作为下一个子组件中的 props 时，它似乎只是未定义并出错。

但这里最奇怪的事情是，如果我首先逐一分配 this.props 属性，如下所示:

const readings = this.props.currentlyReading;

然后在下一个子组件中使用readings，它工作得很好。

不太确定一开始发生了什么？？？

Answer 1

当您像您一样使用解构赋值( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment )时:

const {readings, wantRead, read} = this.props;

您需要在方括号 ({}) 中放入您想要访问的 this.props 中存在的变量的名称。

所以你需要使用currentlyReading而不是reading:

const {currentlyReading, wantRead, read} = this.props;

来源+说明:https://stackoverflow.com/a/52286807/6809926