Question

我是新来的反应者，在查看示例时，我发现许多教程并不直接使用this.props或this.state。相反，他们将在函数的开头设置一个const。我已经互换使用了两者，而没有看到功能上的任何差异。

使用const有什么好处吗？

即。

const {
    error
} = this.state;

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

vs

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

Answer 1

这称为Destructuring，这是ES6的功能。

功能上没有差异，但使用解构几乎没有好处。

首先是更清晰的代码。如果您在代码块的顶部对对象进行了解构，那么对读者来说，您将更清楚地知道要使用哪些变量。

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

Answer 2

正如您自己所言，根本没有区别，这是事实。使用const的简单答案是

您以这种方式定义

<form action="./script.php">
<p>2) Select mode:</p>
<input type="hidden" name="parameter_name"  value="your_custom_value">
<input type="radio" name="mode" value="maps">full<br>
<input type="radio" name="mode" value="backup">partial<br> 
<p></p>
<input type="submit" value="Decrypt">
</form>

现在您可以在以下代码中仅使用术语（错误），而不必使用冗长的（this.state.error）所以只是为了简单

直接使用this.props或this.state与设置const

2 个答案: