Currently, I'm trying to extract data from a MongoDb database and then proceed to view, modify, and delete it. The process of extracting the data is going smoothly, however, I am encountering difficulties with editing. To address this issue, I created a route that triggers upon clicking a button. This route follows the format:
'/viewList/edit/'+item._id
The objective of this route is to redirect me to a form where I can edit the values. Unfortunately, when the page loads, certain components like CSS, Bootstrap, and other styling elements fail to render properly. As a result, the page appears devoid of any design features and resembles a generic HTML layout.
In contrast, when I remove the "/edit/" portion from the routing and use '/viewList/'+item._id instead, the page functions as intended. To verify this, I set up a test page displaying details specific to the item, such as its name, and observed that the page maintained its CSS/Bootstrap styling without any issues.
I've been struggling to identify a solution to this problem; could someone please offer guidance on how to resolve it?