首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >直接使用this.props或this.state与设置常量

直接使用this.props或this.state与设置常量
EN

Stack Overflow用户
提问于 2019-11-10 02:34:49
回答 2查看 133关注 0票数 0

我刚开始使用react,在查看示例时,我发现很多教程都没有直接使用this.propsthis.state。取而代之的是,他们将在函数的开头设置一个const。我将两者互换使用,但没有看到功能上的任何区别。

使用const有什么好处吗?

即。

代码语言:javascript
代码运行次数:0
运行
复制
const {
    error
} = this.state;

{error && <p>{error.message}</p>}

vs

代码语言:javascript
代码运行次数:0
运行
复制
{this.state.error && <p>{this.state.error.message}</p>}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-11-10 02:52:39

这就是ES6的一个特性,称为Destructuring

在功能上没有区别,但使用解构几乎没有什么好处。

首先,代码更整洁。如果你在代码块的顶部解构一个对象,对于读者来说,你要使用的变量似乎更清楚了。

其次,它将对象属性放在局部变量中,这可以提高性能,特别是在循环中多次使用变量的情况下。

票数 0
EN

Stack Overflow用户

发布于 2019-11-10 03:12:46

正如你自己所说的,根本没有区别,这是真的。我使用const的简单答案是

在你以这种方式定义之后

代码语言:javascript
代码运行次数:0
运行
复制
const {error} = this.state;

现在,您可以在下面的代码中使用term (error),而不是冗长的(this.state.error),所以这只是为了简单起见

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58782348

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档