1.0 KiB
1.0 KiB
我已找到导致页面显示异常的两个主要原因:
- 标签值重复:“到期通知”的内容区域错误地使用了
value='verify'(与“验证邮件”重复),导致点击标签时无法正确匹配。 - 强制渲染属性:部分标签页使用了
forceMount属性,导致内容即使未被选中也保留在页面上。由于表单已配置shouldUnregister: false,我们可以安全地移除该属性,让未选中的标签页自动隐藏。
修改计划:
编辑 apps/admin/app/dashboard/auth-control/forms/email-settings-form.tsx 文件:
- 修正标签关联:将第 474 行的
value='verify'修改为value='expiration'。 - 优化显示逻辑:移除以下位置的
forceMount属性,确保只有当前选中的标签页才会显示:- SMTP 设置 (第 260 行)
- 到期通知 (第 474 行)
- 维护通知 (第 519 行)
这样修改后,点击对应的标签将只显示对应的内容,且“全部显示”的问题将得到解决。