React控制组件实验室 概述 在本实验中，您将编写和使用受控组件，并为表单组件编写验证。 受控组件 现在我们知道了如何在React中处理表单元素以及如何设置受控组件，是时候将该知识用于测试了。 这个实验相当广泛，但是您将在这里使用许多核心的React概念，这些概念会一次又一次地浮出水面。 是时候练习一下了！ 本实验的一般说明： 在这些练习中，大多数DOM是为您预先编写的。 请不要删除文件中已有的任何内容-大多数是确保测试正确运行所必需的。 当指示您在状态中保存值时，使用的键并不重要，只要

设置列表实验室-删除Redux 目标 为每个波段实现一个删除按钮，以便适当地更新存储。 概述 一切都变了，有时这意味着即使是我们最喜欢的乐队也破裂了，我们必须删除所有证据。 我们需要一个允许我们删除特定频段的应用程序，并将这些更改反映在商店的状态和页面上。 我们将从上一个实验室的工作开始，这是一个React / Redux应用程序，它创建新的band元素并将其显示在下面。 您的任务将是添加删除频段功能。 指示 已经为您设置了BandInput组件，并且BandsContainer正在部分工作，

React道具和状态实验室 概述 您将构建一个小型React应用程序，在其中您将更新状态以响应获取的有效负载，并在组件之间传递道具以处理更新。 动物收容所 是时候对我们所有来之不易的知识进行检验了！ 这个实验室相当大，需要您使用到目前为止所学的一切。 不要害怕，有很多测试可以指导您！ 在此实验室中，我们将在动物收容所的前端工作。 可悲的是，仍然有太多没有主人的可爱宠物。 让我们通过在React中创建一个UI来帮助他们！ 我们强烈建议您使用行为驱动开发（BDD）来完成本实验–在运行测试之前，先

React初始状态实验室 概述 在本实验中，您将在React组件中设置初始状态，并区分状态和道具。 指示 请按照以下步骤操作，并创建两个组件ImageSlider和Bomb 。 目前， Bomb.js和ImageSlider.js不包含任何代码，因此，如果您运行的learn或npm start ，你会得到一个错误。 这是因为我们的测试正在尝试在编写这些组件之前导入和使用这些组件。 因此，在我们继续之前，您的首要任务是为ImageSlider和Bomb创建一个简单的组件： 在src/Image

使用React和Redux将状态映射到道具 目标 使用React Redux库将商店连接到React应用程序。 利用组件， connect函数和mapStateToProps访问Redux存储内容。 概述 在本课程中，我们想探索如何使用mapStateToProps将常规React组件与Redux存储连接。 这也是查看应用程序中使用redux和react-redux软件包的步骤的好机会。 指示 提供了一些文件，包括UserInput和reducer， manageUsers ，但是Redux存