Conform 表单库中默认值与受控输入交互问题解析

问题背景

在使用 Conform 表单库时，开发者报告了一个关于表单默认值与受控输入交互的问题。具体表现为：当修改原生输入框的值时，会导致表单对象(form.value)丢失未更改的受控输入(useInputControl)的值。这一行为影响了表单的脏状态(dirty)判断，即使将原生输入值改回默认值，表单仍保持脏状态。

问题复现与表现

该问题可以通过以下场景复现：

1. 创建一个同时包含原生输入和受控输入的表单
2. 如果先修改原生输入的值，表单会丢失受控输入的默认值
3. 但如果先修改受控输入的值，则不会出现此问题
4. 最终导致表单脏状态判断异常

技术分析

这个问题本质上与表单状态管理机制有关。Conform 的表单状态管理需要正确处理以下情况：

1. 默认值的保持：当部分输入被修改时，未修改的输入应保持其默认值
2. 脏状态判断：只有当实际值偏离初始值时，才应标记为脏状态
3. 输入类型兼容：需要同时支持原生输入和受控输入的混合使用

在 v1.0.0 版本中，当原生输入值被修改时，表单状态更新逻辑未能正确保留其他受控输入的默认值，导致状态丢失。

解决方案

Conform 团队迅速响应，在 v1.0.1 版本中修复了这个问题。修复主要涉及：

1. 改进表单状态更新逻辑，确保在更新一个字段时不影响其他字段的默认值
2. 优化脏状态判断机制，使其能正确识别值是否真正偏离初始状态
3. 增强对混合输入类型(原生+受控)的支持

开发者建议

对于使用 Conform 的开发者，建议：

1. 及时升级到 v1.0.1 或更高版本以避免此问题
2. 在混合使用原生输入和受控输入时，注意测试表单状态的完整性
3. 对于复杂表单，建议统一使用受控输入以获得更一致的行为
4. 关注表单脏状态的变化是否符合预期，特别是在有默认值的场景下

总结

表单状态管理是前端开发中的常见挑战，Conform 通过这个问题的修复，进一步提升了其在混合输入场景下的稳定性。理解这类问题的本质有助于开发者在实际项目中更好地设计表单交互逻辑，避免类似的状态管理陷阱。