javascript - 在传递 Prop 时，我是否应该始终编写this.props？

我正在从redux存储对象props获取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}/>

最佳答案

您的问题有两个问题。


  标题中的问题：“传递道具时，我应该总是写this.props吗？”


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


  问题正文末尾的问题：“哪个表现更好？”


我认为它们的性能几乎相同，但是就空间效率而言，您将通过解构创建额外的变量。但是我认为这对您而言并不重要。因此，出于可读性和更简洁的代码的原因，为什么不进行分解？

关于javascript - 在传递 Prop 时，我是否应该始终编写this.props？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48546808/