I have Manage Items page where can see items in a table with two actions as Edit and Delete. Required, on click of edit/delete button the Edit/Delete component should be rendered with url like manage-items/edit/1 or manage-items/edit?id=1 Currently: Base URL:…
I have a project on React, and for layout, I am using an old version. I want to use the new version of react-router-dom but I have some problems. These are my codes. App.js <Route element={<AuthLayout />}> <Route element={<LoginPage />}…
My Home, Group, Learn, Message, Profile component is not working? There are multiple Routes but in nested routes I want to show the navbar and the body component which is Home, Group, Learn etc. Pic <BrowserRouter> <Routes> <Route index element={<Login…
I have a react project where I make use of React Router DOM to render different pages based on the visited URL. All of the components render properly when I navigate to their respective URLs, except the Account component (when…
<NavLink className={({ isActive }) => (isActive ? "isActive" : "isNotActive")} to={"artist/" + currentMotive.artist.slug.current} key={currentMotive.artist.slug.current}> {currentMotive.artist.name} </NavLink> How can I change the attribute to in the same way as className? Like: to={({ isActive }) => isActive ? "/motive/" + currentMotive.slug.current :…
I am trying to create a Dashboard, but I am stuck at nested routing. Like I want to have the navbar, sidebar, and footer on the screen, but only the main components should change. I have used routes in two…
I'm developing a simple app in React, and I have an error adding the Link component from the react-router-dom package. The component that contains the routes is App.js, which is composed as follows: In the <Header /> component, is grafted…
I am working with react-redux and I used routers turn pages to detail.js when I put the todo list. It should have ownprops properties on consoles, but mine was not defined. Tell me where we're wrong. App.js import React from…
I want to add Route to my Shop component and show CollectionOverview component but the CollectionOverview component is not showing and there are also no errors in console. import React from 'react'; import { Route, Routes, useLocation } from 'react-router-dom';…
So I'm just trying to use react-router-dom's Link component and whether it's in my main project or a recreate, it just causes the browser to go blank and throws a console error of "react__WEBPACK_IMPORTED_MODULE_0__.useContext(...) is null". The homepage is import…