Redux const {var1，var2} = this.props;

Question

我是新来的反应js。我正在研究一个项目并找到了这一行

 const { var1, var2 } = this.props;  

这个组件中的道具是

type PropsType = {
  var1: Array<any>,
  a: Array<any>,
  b: boolean,
  c: boolean,
  var2: (string) => void,
  d: () => void,
  e: () => void
};  

我很困惑。这是什么意思？

Answer 1

const { var1, var2 } = this.props;
// the same as
// const var1 = this.props.var1;
// const var2 = this.props.var2;

您是否尝试过阅读docs？

Answer 2

冗余信息，但对我来说是一个修订版。 :) 无论如何开始，这是解构对象分配。这意味着，这是获取对象属性的简便方法。来自对象的值（例如this.props）。 因此，当您想要提取名为＆＃39; var1＆＃39;和＆＃39; var2＆＃39;通过编写指令 -

，来自＆＃39; this.props＆＃39;

const { var1, var2 } = this.props;

您要求提供名为＆＃39; var1＆＃39;和＆＃39; var2＆＃39;来自＆＃39; this.props＆＃39;存储在常量＆＃39; var1＆＃39;和＆＃39; var2＆＃39;。所有其他属性都被忽略了。如果没有任何要求的房产名称，他们只是被给予＆＃39;未分配＆＃39;值。

在此之后，您可以考虑在此处查看更多细节（神奇之处！）  MDN - object_destructuring

Answer 3

这与React和Redux没有直接关系。这是ES6 Object Destructuring任务。

这意味着您分别将this.props.var1和this.props.var2分配给var1和var2。