当前位置:嗨网首页>书籍在线阅读

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能做什么了解了一些皮毛。接下来的一章,随着视野的扩展,我们将开始探索如何处理更复杂的数据,了解不同类型的组件,以及深入研究状态。