Question

背景：我（就像编程中的许多人一样）正在编写Reactjs应用程序并且没有计算机科学的教育背景。就我而言，这是一门科学学科。我想出了一个经常性的事情，我非常希望能够了解更多关于幕后发生的事情的人澄清。

对于React.Component上的每个render（）情况，为了访问props / state我显然可以;

// reference directly from this
render() {
    return <div>{this.props.text}</div>;
}

// reference from declared local variable
render() {
    const { props } = this;

    return <div>{props.text}</div>
}

哪种方式被视为'优化'方式？

我可能错了，但我认为当从'this'访问props / state时，每次都会对组件进行操作。这些操作在计算上是否比访问局部变量更昂贵？

但是，我确实看到它在许多有用的文章/教程/ stackoverflow中从'this'执行，所以我的推理可能有缺陷。

Answer 1

性能不应该是任何因素。它们在性能方面的唯一区别是，const {props} = this;是一个额外的变量赋值，它几乎肯定占用了可忽略不计的内存量。

此处的用例仅用于提高可读性，哪一个“看起来”对程序员来说更好。

使用此方法访问React中的props / state并分配给const

1 个答案: