So I am making a react web app and the main page has a search bar function. I want the user to enter a search result and when they click on 'search' they should be redirected to a new page…
When i click on Mounth, only the address bar changes (into localhost:3000/subscription/Mounth) but i dont go to this page. Cant understand where is my mistake Root.jsx import { Route, Routes } from "react-router-dom" import Layout from "../Layout/Layout" import Main from…
I have an app that has two tabs "Apple" and "Banana". Each tab has a counter that is implemented with useState. const Tab = ({ name, children = [] }) => { const id = uuid(); const [ count, setCount…
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…