腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >直接使用this.props或this.state与设置常量

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

Stack Overflow用户

提问于 2019-11-09 18:34:49

回答 2查看 133关注 0票数 0

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

使用const有什么好处吗？

即。

const {
    error
} = this.state;

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

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

javascript

reactjs

constants

react-props

react-state

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-11-09 18:52:39

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

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

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

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

票数 0

Stack Overflow用户

发布于 2019-11-09 19:12:46

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

在你以这种方式定义之后

const {error} = this.state;

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

票数 0

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

原文链接：

https://stackoverflow.com/questions/58782348

复制

常量与变量

编程算法

常量简介：常量代表是程序运行过程中，不能再次改变的值作用： 1.固定的值，代表计算过程中经常用到的值，便于程序计算如：圆周率 3.1415926..... 2.用来代表一个含义如：

小沐沐吖

2022/09/09

3180

React 组件 API

react 编程算法

合并nextState和当前state，并重新渲染组件。setState是React事件处理函数中和请求回调函数中触发UI更新的主要方法。

陈不成i

2021/07/29

1.4K0

[C语言] 常量与变量

ide 编程算法

说明：系统会在字符串尾部添加一个字符串作为结束字符"\0"，那么如图所示的长度实际上是6的原因！

謓泽

2022/12/12

7190

C++ 指针常量与常量指针

c++

本文介绍了C++指针常量和常量指针的概念、区别以及用法。指针常量声明为const，但常量指针声明为int const *。指针常量不能修改指向的数据，但常量指针可以。此外，常量指针必须初始化，而指针常量可以在声明时初始化。总之，两者在用法上存在一定的区别，需要根据具体情况选择合适的声明方式。"

chaibubble

2018/01/02

1.7K0

react入门（六）：状态提升&context上下文小白速懂

react 渲染管理原理

使用 react 经常会遇到几个组件需要共用状态数据的情况。这种情况下，我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。

柴小智

2020/02/13

1.4K0

常量指针,指针常量的区别是什么_指针常量与常量指针

编程算法 https 网络安全

定义：又叫常指针，可以理解为常量的指针，也即这个是指针，但指向的是个常量，这个常量是指针的值（地址），而不是地址指向的值。

全栈程序员站长

2022/11/10

1.2K0

React生命周期

react 渲染 c++

React的生命周期从广义上分为挂载、渲染、卸载三个阶段，在React的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用。

WindRunnerMax

2020/12/08

2K0

[PHP] 按位与& 或| 异或^ 的日常使用

int 二进制

按位与: 0&0=0; 0&1=0; 1&0=0; 1&1=1; 按位或: 0|0=0； 0|1=1； 1|0=1； 1|1=1; 按位异或,在或的基础上1 1也为0: 0^0=0； 0^1=1； 1^0=1； 1^1=0；

唯一Chat

2019/09/10

1.1K0

Reactjs 入门基础(三)

react

State 和 Props 以下实例演示了如何在应用中组合使用 state 和 props 。我们可以在父组件中设置 state，并通过在子组件上使用 props 将其传递到子组件上。在 render 函数中, 我们设置 name 和 site 来获取父组件传递过来的数据。 Props 验证 Props 验证使用 propTypes，它可以保证我们的应用组件被正确使用，React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时，Ja

用户1197315

2018/01/22

2.9K0

rust变量与常量

ide rust go 编程算法

在rust里有个核心原则，那就是所有权。在其它语言中，我们可以把一个值赋值给变量。但是在rust里，是把值绑定到变量上。任何内存对象都是有主人的，而且一般情况下完全属于它的主人，绑定就是把这块内存绑定给一个变量，让这个变量成为它的主人。

zy010101

2022/11/28

5260

PHP 常量与变量

编程算法 php http ide

【常量】可以用 define() 函数来定义常量，在 PHP 5.3.0 以后，可以使用 const 关键字在类定义之外定义常量。一个常量一旦被定义，就不能再改变或者取消定义。常量只能包含标量数据（boolean，integer，float 和 string）。可以定义 resource 常量，但应尽量避免，因为会造成不可预料的结果。可以简单的通过指定其名字来取得常量的值，与变量不同，不应该在常量前面加上 $ 符号。如果常量名是动态的，也可以用函数 constant() 来获取常量的值。用 get_defined_constants() 可以获得所有已定义的常量列表。如果只想检查是否定义了某常量，用 defined() 函数。常量和变量有如下不同： ◦ 常量前面没有美元符号（$）； ◦ 常量只能用 define() 函数定义，而不能通过赋值语句； ◦ 常量可以不用理会变量的作用域而在任何地方定义和访问； ◦ 常量一旦定义就不能被重新定义或者取消定义； ◦ 常量的值只能是标量。预定义常量

用户7886150

2021/02/26

6.3K0

Python变量与常量

编程算法 python

a=1，其中 a 就是变量名称，1 就是它的值。在程序运行过程中，变量的值一般都会发生改变，内存中会专门开辟一段空间，用来存放变量的值，而变量名将指向这个值所在的内存空间。与变量相对的就是常量，在程序运行过程中，常量的值不会发生改变。

py3study

2020/01/06

1.1K0

1.3 常量与变量

变量程序接口数据数据类型

ha_lydms

2023/08/09

1660

ReactJS实战之生命周期

react 渲染

那么如何使Clock组件真正可重用和封装？它将设置自己的计时器，并每秒更新一次。

JavaEdge

2022/11/30

1.3K0

深度讲解React Props_2023-02-28

react

当React遇到的元素是用户自定义的组件，它会将JSX属性作为单个对象传递给该组件，这个对象称之为“props”。

用户10376779

2023/02/28

2K0

Rust常量与变量

编程算法 rust

Rust 中的变量是默认不可变的（immutable），这是推动我们充分利用 Rust 提供的安全性和简单并发性来编写代码的众多方式之一。不过我们仍然可以使用可变变量。声明变量使用的关键字是 let 。

hotarugali

2022/03/18

3610

PHP 变量与常量

php 编程算法

在之前的入门篇教程中，我们已经见识了如何搭建 PHP 本地开发环境，选择一款适合自己的 PHP 代码编辑器，并编写了一个最简单的 PHP 程序，以及在 HTML 中嵌入 PHP 脚本，算是熟悉了 PHP 代码的基本开发和运行流程。

学院君

2020/05/27

4.9K0

PHP 变量与常量

php

本文介绍了 PHP 变量与常量。官方文档：http://php.net/manual/zh/language.variables.php 官方文档：http://php.net/manual/zh/language.constants.php global 关键字 $GLOBALS 数组静态变量函数中的静态变量，函数执行完毕后，其值被保留。可变变量 $a='hello'; $$a='world'; // 即 $hello='world'; 超全局变量 $GLOBALS $_SERVER 服务器和执

康怀帅

2018/02/28

1.9K0

【CSS3】CSS3 2D 转换 - scale 缩放 ① ( 使用 scale 设置缩放 | 使用 scale 设置缩放与直接设置盒子模型大小对比 )

css3 scale 布局动画模型

在 CSS3 中的 2D 转换中 , 可以使用 scale 样式 , 设置盒子模型的缩放属性 , 可以设置放大和缩小 ;

韩曙亮

2023/10/11

2.3K0

【CSS3】CSS3 2D 转换 - scale 缩放 ① ( 使用 scale 设置缩放 | 使用 scale 设置缩放与直接设置盒子模型大小对比 )

Scala常量与变量

编程算法

val 类似于java中final修饰变量,val 修饰的变量，引用地址值不可变。是英文单词value常量的缩写 val修饰的变量，.class文件中只有getter()方法，没有setter()方法

羊羽shine

2019/07/28

7680

相似问题

多个{this.state} {this.props}

无法在Render外部的函数中使用this.props或设置this.state

124

反应使用this.state还是this.props？

是"this.props“和"this.state”函数吗？

在reactjs中避免this.state和this.props

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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

回答 2

Stack Overflow用户

Stack Overflow用户

多个{this.state} {this.props}

无法在Render外部的函数中使用this.props或设置this.state

反应使用this.state还是this.props？

是"this.props“和"this.state”函数吗？

在reactjs中避免this.state和this.props

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

多个{this.state} {this.props}

无法在Render外部的函数中使用this.props或设置this.state

反应使用this.state还是this.props？

是"this.props“和"this.state”函数吗？

在reactjs中避免this.state和this.props

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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