问题描述
我正在尝试创建一个多步骤的 React 定价表。我已经创建了表单和定价部分。
但用户只需按下一步即可避免问题并查看下一部分。所以，我需要某种验证来阻止用户通过完成上一步来进入下一步。似乎不知道如何创建一个。
-
第 1 步：单选按钮检查（不需要验证）
-
第 2 步：填写国家、城市、邮政编码（需要验证）
-
第 3 步：填写电子邮件（需要验证）
我已经创建了一个有效的代码沙箱。 Here is the link。
解决方法
引入新的 canContinueToNextStage 并根据您的逻辑将其设置为 true 或 false。
然后使用它来禁用下一个按钮，或者如果您想启用单击但不移动到下一页，则在 onClick 中。