My App

开始使用状态

现代 React 应用程序是动态的。它们对用户操作和其他事件做出响应。在本模块中,我们将看到 React 状态如何使我们的应用程序生动起来。

在网络的早期,网站基本上是华丽的文档。我们会加载一个 HTML 文件,阅读内容,然后加载另一个。

现代网络美丽、惊人、神奇的地方在于网络应用是互动的。应用可以实时响应用户的操作,而无需加载整个新页面。

React 在管理这种交互性方面有一种非常新颖的方法。一旦你习惯了它,就很难想象用其他方式来管理它。

在本模块中,我们将学习:

  • 如何通过事件绑定响应用户操作。
  • React 如何为我们管理 DOM,以及“重新渲染”实际上是什么意思。
  • useState 钩子,以及如何使用它来构建交互式组件。
  • 理解 props 和 state 之间的区别。
  • 在 React 中处理表单(大家最喜欢的话题!)。
  • 处理复杂状态,如对象和数组。
  • 避免常见的陷阱(例如,与状态变更相关的错误)。
  • 如何通过提升状态在应用程序中共享状态。

这是一个非常令人兴奋的模块,因为我们将从静态网站转向动态、活跃的应用程序。让我们开始吧!