javascript - 传递 props 时我应该总是写 this.props 吗？

Question

我正在获取props来自 redux 存储对象 user .

当我将它传递给我的子组件时，我按如下方式实现它

render(){
 return(
  <Component 
     num={this.props.user.num}
     id={this.props.user.id}
     name={this.props.user.name}/>
 )
}

或者我应该更早地提取我的变量？

render(){
 const {num, id, name} = this.props.user;
 return(
  <Component 
     num={num}
     id={id}
     name={name}/>
 )
}

哪个性能更好？

注:this.props.user是一个很大的JSON，所以我不想这样使用

<Component {...this.props.user}/>

Answer 1

您的问题有两个问题。

The question in the title: "Should I always write this.props when passing props?"

除非您编写 this.props.whatever，否则无法访问属性。所以一开始你需要它。然后，如果您希望重构它，则不必每次都键入 this.props.~，您可以将每个所需的属性提取到变量中。

The question at the end of the question body: "Which has better performance ?"

我认为它们的性能几乎相同，但就空间效率而言，您将通过解构创建额外的变量。但我认为这对你的情况来说并不重要。那么，为了可读性和更清晰的代码，为什么不解构呢？