开始使用状态
现代 React 应用程序是动态的。它们对用户操作和其他事件做出响应。在本模块中,我们将看到 React 状态如何使我们的应用程序生动起来。
在网络的早期,网站基本上是华丽的文档。我们会加载一个 HTML 文件,阅读内容,然后加载另一个。
现代网络美丽、惊人、神奇的地方在于网络应用是互动的。应用可以实时响应用户的操作,而无需加载整个新页面。
React 在管理这种交互性方面有一种非常新颖的方法。一旦你习惯了它,就很难想象用其他方式来管理它。
在本模块中,我们将学习:
- 如何通过事件绑定响应用户操作。
- React 如何为我们管理 DOM,以及“重新渲染”实际上是什么意思。
- useState 钩子,以及如何使用它来构建交互式组件。
- 理解 props 和 state 之间的区别。
- 在 React 中处理表单(大家最喜欢的话题!)。
- 处理复杂状态,如对象和数组。
- 避免常见的陷阱(例如,与状态变更相关的错误)。
- 如何通过提升状态在应用程序中共享状态。
这是一个非常令人兴奋的模块,因为我们将从静态网站转向动态、活跃的应用程序。让我们开始吧!