文章标签

我们之前在 CSS-Tricks 上了解过 React Hooks。我也有 一篇介绍它们的的文章，它说明了如何使用它们通过函数创建组件。这两篇文章都很好地概述了它们的使用方式……

useReducer 是 React 16.7.0 中发布的少数几个 React hook 之一。它接受一个带有应用程序初始状态的 reducer 函数，返回当前应用程序状态，然后分派一个函数。

以下是如何使用它的示例……

在 之前的文章 中，我们了解了如何使用 Unstated 来管理状态。您可能还记得，Unstated 使用 React 内置的 setState 允许您创建可以通过订阅提供者（例如……）来使用状态的组件。

Hooks 使组织组件中的逻辑成为可能，使组件变得小巧且可重用，而无需编写类。从某种意义上说，它们是 React 倾向于函数的方式，因为在它们之前，我们必须在组件中编写它们，虽然组件本身已被证明是强大且功能强大的，但它们必须在前端呈现某些内容。在某种程度上，这很好，但结果是 DOM 中充斥着 div，这使得在 DevTools 中挖掘和调试变得很麻烦。