能否通过React Developer Tools Chrome扩展查看react-hook-form已注册字段？

可以通过React Developer Tools Chrome扩展查看react-hook-form的已注册字段，具体操作步骤如下：

• 打开React Developer Tools面板，定位到使用useForm钩子的表单组件
• 切换到组件的Hooks标签页，找到对应useForm的hook实例并展开
• 在展开的hook状态中，找到registeredFields（不同版本的react-hook-form可能命名略有差异），这里会列出所有调用过{...register(fieldName)}的字段，包含字段名、校验配置、注册状态等详细信息

需要注意的是，要确保定位到的是直接调用useForm的组件，如果表单逻辑被封装在自定义组件里，需要找到实际持有form实例的那个层级组件。

内容的提问来源于stack exchange，提问作者copenndthagen