Skip to content
Advertisement

tried a lot but not able to make deletehandler function working. here is my code

This is my librarylist component in which i pass deletehandler function to delete the row from library management. I don’t know which part of the code is causing the problem. Any helps/suggestions are welcome. LibraryBookList.js

JavaScript

here i pass deletehandler via props LibraryBook.js

JavaScript

**BookData.js **

JavaScript

NewDataBase.js

JavaScript

Advertisement

Answer

The code has a few issues: 1) props.onSelect(props.id) inside onClick. Instead you should give a referance to that function. 2) You didn’t have anything in database state before you click delete button. That is why ... spread operator didn’t work 3) You are displaying props.database instead of database state. That is way the changes didn’t show up even after you deleted a bookdata. I also fixed some small issues. Now it is working perfectly:

JavaScript
Advertisement