19-小结
2.5 小结
我们在本章花了大量时间探讨组件,让我们回顾一些关键点。
- 我们使用了两种主要类型的元素来创建React的组件:React元素和React类。React元素是“你想在屏幕上看到的东西”并且它们与DOM元素相似。另一方面,React类是继承自
React.Component的JavaScript类。这就是我们通常所说的组件,它们要么从类创建(通常扩展React.Component)要么从函数创建(无状态函数组件,后续章节会探讨)。 - React类可以访问随时间变化的状态(可变状态),而所有React元素只能访问不能被修改的属性(不可变状态)。
- React类还有被称为生命周期方法的特殊方法,React会在渲染和更新过程中按一定顺序调用它们。这使得组件更容易预测而且让人很容易挂载进组件的更新过程。
- React类可以在其上定义方法来执行诸如改变状态这样的任务。
- React组件通过属性进行通信并具有父子关系。父组件能够传递数据给子组件,但子组件不能修改父组件。它们可以通过回调函数将数据传递给父组件,但不能直接访问父组件。
- JSX是JavaScript的一种类XML扩展,它能让人用更容易和更熟悉的方式编写组件。在JavaScript代码中编写类似HTML的东西最初也许感觉很奇怪,但JSX让人们用更为熟悉的方式在React中编写标记语言而且通常比
React.createElement调用更易于阅读。
我们创建了第一个组件,但只是对用React能做什么了解了一些皮毛。接下来的一章,随着视野的扩展,我们将开始探索如何处理更复杂的数据,了解不同类型的组件,以及深入研究状态。