React学习手册

110

第

6

章

Props

、

State

和组件树

在上一章中，我们探讨了如何创建组件。其重点是如何通过合成

React

组件构建一个

用户界面。本章介绍的技术将有助于读者更好地管理数据，以及减少调试应用程序的

时间。

组件树内部数据处理是

React

的主要优点之一。在

React

组件中处理数据时，有不少技

术可供用户选择，长期来看，这可以大幅度减轻用户的开发工作量。如果能够从单一

数据源管理数据，并且基于上述数据构建

UI,

那么我们的应用程序将会更容易理解和

扩展。

属性验证

JavaScript

是一种弱类型的语言，这意味着可以修改变量值的数据类型。比如，用户

可以定义某个

JavaScript

变量为字符串类型，然后将它的值改为数组，

JavaScript

并不

会对此操作有什么异议。低效地管理我们的变量类型可能会导致花费大量时间在调试

应用程序上。

React

组件提供了一种声明和验证属性类型的方法。使用这一特性将会大幅度减少调

试应用程序的时间。提供不正确的属性类型将触发警告，这有助于我们查找那些不易

察觉的

Bug

。

React

为变量类型内置了自动属性验证机制

(

http://bit.ly/2okjSzJ

)

，见表

6-1

。