javascript - 多步反应形式的验证

Question

我正在尝试创建一个多步骤的 React 定价表单。我已经创建了表单和定价部分。

但是用户可以通过按下一步来避免问题并查看下一部分。因此，我需要某种验证，以防止用户通过完成上一步进入下一步。似乎不知道如何创建一个。

• 第 1 步：单选按钮检查（不需要验证）

• 第 2 步：填写国家、城市、邮政编码（需要验证）

• 第 3 步：填写电子邮件（需要验证）

我创建了一个工作代码沙箱。这是链接。

Answer 1

引入一个新的canContinueToNextStage并根据您的逻辑将其设置为 true 或 false。然后使用它来禁用下一个按钮，或者在 onClick 中启用单击但不移动到下一页。