Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

React hook form + DevTool + reset causes from to not register fields correctly

Đang mở
#173 0 bình luận 2 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
35/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
react, typescript
Lĩnh vực
devtools, frontend

Hướng nghiên cứu

Open the linked StackBlitz and inspect package.json and App.jsx. Reproduce the async reset with react-hook-form 7.34.2, then compare the behavior when DevTool is removed and when the version is downgraded to 7.15. Done means identifying whether DevTool or react-hook-form causes the fields and values to display correctly after reset.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Version Number

7.34.2

Codesandbox/Expo snack

https://stackblitz.com/edit/react-hook-form-set-form-values-in-useeffect-m65nbe?file=package.json,App.jsx

Steps to reproduce
  1. Go to the sandbox
  2. Form doesn't get filled in with initial values

It works if devtools is removed from the component. It also works if form version is downgraded to 7.15.

It used to work fine on version 7.15. I didn't try other versions to find out which one broke it. I'm also not sure if it's a bug on @hookform/devtools or on react-hook-form.

Expected behaviour

Form gets reset to async values and fields register correctly. Dev tools display fields with values.

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct
  • I agree to follow this project's Code of Conduct
Ngôn ngữ chính
TypeScript
Star
670
Fork
55
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của react-hook-form/devtools

Tất cả issue của react-hook-form/devtools

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.