Reactjs:将 props 分配给 const 变量有什么好处？

Question

我在很多例子中看到了以下实践，即使只有一个 Prop 也是如此:

render() {
  const { thisProp, thatProp } = this.props;

  return (
    <Component passedPropA={thisProp} passedPropB={thatProp} />
  );
}

创建相同数据的另一个副本有什么好处？为什么不直接使用这样的 Prop 呢？

render() {

  return (
    <Component passedPropA={this.props.thisProp} passedPropB={this.props.thatProp} />
  );
}

Answer 1

我认为这个问题确实打了2分。一种是对不可变变量使用 const，另一种是解构。

为了回答这个问题，使用 const 是因为它是不可变的，你不应该修改直接传递给你的东西。

但是您在维护良好的代码库中看到这一点的原因是为了提高可读性。您可以清楚地看到传递下来的内容和第一行中使用的内容，以及在没有调用整个路径 this.props.thisProp 的情况下更清晰和简洁地使用它的地方。这里没有显示的是它的一些真正的力量，例如默认值和别名，尽管它们有助于极大地保持代码的可读性。喜欢:

const { thisProps : thisParentsProp = 'empty' } = this.props;