NextJS: 06-04 Cài đặt Input Field sử dụng trong Login Form

[@juhandvan]

[13:30] sao mình không bê 4 thuộc tính không muốn bị overwrite xuống dưới thằng {...rest} vậy anh

[@EasyFrontend]

à cái này đang là destructuring, em cần lấy ra trước á em hihi khi nào set values thì mới để phía sau em nhen

[@cuongtran-vv1hi]

cho em hỏi sao mình lại cần dùng defaultValue của react-hook-form. Nếu ko sử dụng có sao ko ạ, do mấy project kia em cũng có sử dụng react-hook-form nhưng ko sử dụng defaultValue chạy vẫn đc. Không biết mục đích ở đây anh sử dụng để handle việc gì em cảm ơn anh ạ

[@EasyFrontend]

hi Cường, defaultValue dùng để set giá trị khởi tạo ban đầu em nha nếu như mình ko cần khởi tạo ban đầu thì có thể bỏ qua thuộc tính này em hen

[@TrầnTịnh-k3n]

@@EasyFrontend mà nếu để defaultValue khi em muốn input là số và muốn default không hiện gì lại không được, nếu để defaultValue là underfine thì lại dính issue kia. Em chỉ nghĩ ra là để kiểu string rồi viết logic để xử lý. Không biết còn cách nào hợp lý hơn không anh nhỉ

[@decentralizedvietnam]

great

[@trungtrung2248]

anh owii, phần k cho user truyền onChange vs cả onBlur vào mình có thể dùng Omit của ts k ạ

[@EasyFrontend]

à được nha Trung, mà ở đây thì anh nghĩ vẫn nên cho truyền vì mình sẽ cần handle trường hợp dependent controls, kiểu khi thay đổi value của ô input này, nó sẽ ảnh hưởng tới KQ của input khác chẳng hạn, lúc đó user cần sử dụng onChange bên ngoài truyền vào, và mình cần xử lý thêm một xíu trong InputField nữa hehe Một ví dụ như nhập input này thì show/hide một control khác chẳng hạn 😊

[@trungtrung2248]

@@EasyFrontend bài sau anh có thể làm mẫu dependent controls dc k ạ hehe, em muốn xem anh code để code theo cho clear nhất ạ.

[@EasyFrontend]

@@trungtrung2248 okie em nha, chắc tới phần form add/edit work item a sẽ demo luôn cái này 😉

[@trungtrung2248]

@@EasyFrontend âu kây ạ, thank anh

[@trungtrung2248]

@@EasyFrontend anh ơi phần prop name được khai báo trong component TextField để làm gì vậy a, theo em hiểu thì name + control dùng trong thằng useController là đủ ạ.

[@quetyng9578]

Kiu sư thầy ơi, e găn Inputprops 15:09 giống thầy xong nó báo như này Warning: Failed prop type: Invalid prop `type` of type `object` supplied to `ForwardRef(OutlinedInput)`, expected `string`. nó không show đc con mát ra á thầy

[@EasyFrontend]

type là string text hoặc password, mà em truyền vào object, em check lại chỗ thuộc tính type nha 😉

[@quetyng9578]

@@EasyFrontend Thầy best rep nhanh