12、创建用户界面：React 组件测试与浅渲染技术实践

创建用户界面：React 组件测试与浅渲染技术实践

1. 编写显式测试的重要性

在 React 编程中，有些部分的 API 使用较为常规，可能会让我们下意识地按照习惯编写代码，比如在使用 useEffect 钩子时，总是将空数组作为第二个参数。编写显式测试有助于挑战我们的假设，并且能为刚接触 React 编程的团队成员记录那些未成文的习惯。

2. 将客户数据传递到 AppointmentForm

此部分的 Git 标签为 passing-data-through-loader ，我们要构建 AppointmentForm ，使其能在新工作流中使用。主要要求是 App 组件能将客户属性通过 AppointmentFormLoader 传递到 AppointmentForm ，并且在保存预约时将客户 ID 提交到服务器。这一工作可分为两部分：

2.1 向子组件传递属性

这需要在 AppointmentFormLoader 和 AppointmentForm 中各添加一个新测试，并更新 AppointmentForm 中的现有测试，为属性提供默认值。具体步骤如下：
1. 在 test/AppointmentFormLoader.js 中添加以下测试：