#42 CRUD React 6 - Xóa Users (DELETE) và Sử Dụng Emitter bắn Event | React.JS Cho Người Mới Bắt Đầu

[@hoidanit]

🌹Bạn nào muốn mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, hãy dùng MoMo quét mã QR tại link này nhé: me.momo.vn/hoidanit (lưu ý: tên người nhận là PHAM VAN TUAN) Đây là video #42 trong series học và thực hành (miễn phí) để trở thành 1 fullstack web developer. 👉Xem Full Playlist này tại đây: kzbin.info/www/bejne/jKfZiZuEl6uKgbs 👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : facebook.com/groups/hoidanit 👉 Fanpage Facebook Tiếng Việt: facebook.com/askITwithERIC 👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤ 👉Chanel khác của mình (Tiếng anh): kzbin.info/door/HqJxLo7mKam9GKqqwr2wfA

[@bdssg-y2i]

Nên tạo 1 nút reset form trên form để user có thể reset thông tin nếu gõ nhầm cho nhanh. Rồi tận dụng cái hàm reset form cho emitter luôn thì phải nói đó là ông nội của tiện luôn :)) + File ModalUser.js ++ Thêm button reset: { this.resetFormAddNewUser() }}> Reset +++ Viết thêm hàm resetFormAddNewUser() và edit hàm listenToEmitter() listenToEmitter() { emitter.on('EVEN_CLEAR_MODAL_DATA', () => { this.resetFormAddNewUser(); }) } resetFormAddNewUser() { this.setState({ email: '', password: '', firstName: '', lastName: '', address: '' }) }

[@hoidanit]

cảm ơn bạn đã góp ý

[@phongo3475]

Phần email với password e ko emitter đc a ạ a giúp e với

[@hoidanit]

check code thôi bạn

[@thangtran-hw3sp]

a ơi cho em hỏi sao chỗ Hàm handleDeleteUser em code giống a mà bị lỗi Cannot read properties of undefined (reading 'id') này vậy a mong a rep và fix giúp em ạ

[@hoidanit]

lại xạo lờ. check code đi e

[@thangtran-hw3sp]

em fix đc rồi cảm ơn anh rất nhìu

[@BanDaoGaKon]

Đến video này thì e bắt đầu tự làm trước khi xem để nâng level chỉnh đi chỉnh lại mà có cứ errMessage: "Missing required parameters" cuối cùng xem video mới biết mình cũng sai cú pháp axios.delete()🤣🤣🤣

[@hoidanit]

haha

[@SơnNguyễn-m2e]

ở file Modal a đang set ở value của các thẻ Input là value={this.state.data....} nên anh xóa đi là ok

[@UCTRAN-lz9wv]

mình để ô input của mail để type="email" và bấm add new sao code vẫn chạy sao k báo lỗi là missing '@', Cái này fix sao ạ

[@hoidanit]

đặt log đi bạn. ý mình là console.log. dùng cái đấy để biết code của mình chạy đc đến dòng nào và data nó như thế nào => từ đấy biết đc là nó bị sai khúc nào

[@LuanNguyen-yu8fr]

mấy bạn nên dùng clean up function ở chỗ listen emitter .. để tránh rò rĩ bộ nhớ ...

[@hoidanit]

bạn nói rõ hơn về vụ bộ nhớ được không ?

[@LuanNguyen-yu8fr]

@@hoidanit lắng nghe 1 even khi on mount ban đầu và khi unmount rồi mơunt lại nó sẽ tạo ra một đối tượng mới listen 1 sự kiện mới và sẽ không dùng lại cái cũ nữa ,, lâu dần sẽ gây nên rò rỉ bộ nhớ , em nghĩ thế anh ạ

[@laptrinhfullstack]

dùng emitter em thấy khá là hay..cơ mà em thấy set state rỗng trong hàm onclick ở button add sau khi validate đúng cũng đc á anh

[@learnenglishbysinging3293]

làm như cách này đc k anh setState rỗng khi add thành công

[@binhlethanh4121]

anh ơi đến đây nó phát sinh một vấn đề em mới phát hiện ra....là khí mình config trong file config.json của nodejs là ''query' : {"raw":true} thì khi mình chạy lại edit và delete của CRUD nó báo save() và destroy() không phải là funciton. nó bị lỗi chỗ này ạ. Khi mình bỏ cái query raw:true trong config.json thì nó lại chạy save và destroy được.

[@hoidanit]

à uh. em có thể ghi đè lại là được mà. trong video anh có hướng dẫn fix còn gì

[@binhlethanh4121]

@@hoidanit da ok anh 🥰🥰🥰

[@tieuduong5238]

khi bạn dùng delete với edit thì thêm cái dòng raw: false vào chổ query á là được :v

[@nammaithanh9357]

nếu setState rỗng khi add thành công thì khi trùng email ở hệ thống thì nó làm rỗng input thì phải nên user phải nhập lại khá mất công , đúng không anh nhỉ :)))

[@hoidanit]

a chịu thôi e. e nói đoạn nào trong video thì a còn biết, chứ a làm cả trăm video, a ko nhớ đâu e :v

[@nammaithanh9357]

@@hoidanit đoạn dùng emitter á anh , bình thường thì em hay setState rỗng khi nhấn Add New lun , h biết thêm 1 cách này thấy hay quá anh , cám ơn anh nhiều ạ :)))

[@hoidanit]

@@nammaithanh9357à. có nhiều cách mà e. cách nào tiện thì mình dùng.hehe

[@lethitruc6794]

17:51 trong UserManage file, sau khi create user thành công thì fn nên 'return true' để lấy về boolean để xác thực cho việc clear form hay ko. Chưa cần đến 'emitter'