I have an interesting problem. I have a product page and an 'add item' button. When the button is clicked the product id will be updated in the 'items' array state variable. I'm getting the product id from the url…
Here's a routes I have created so far. <BrowserRouter> <Routes> <Route path="/" exact element={<FrontPage />} /> <Route path="/property-in-:cityName/" element={<PropertyListing />} /> <Route path="/property-in-:cityName/:singlePropertySlug" element={<PropertySingle />} /> <Route path="/associates" element={<AssociateListing />} /> <Route path="/about-us" element={<AboutUs />} /> <Route path="/contact-us" element={<ContactUs />}…
I want to know how I can make my "page" variable in the below code dynamic, so I can properly compare it with the location.pathname variable which will have dynamic page ids. import { useLocation } from 'react-router-dom'; function AddToCart()…
I'm using useNavigate from react-router-dom to redirect users to different pages of website. I'm passing useNavigate as a prop to my Components so I can evaluate it later when user clicks on a button. all of my components are inside…
I'm using react with react router for the client-side routing. I have a header, outlet, and footer. What I want is to give the Outlet a classname so that every component get's a margin-top. Is there a way to do…
I'm working on a React project where I have a function that uses optional chaining and a try-catch block to assign a navigate function. I'm trying to write a Jest test to cover the catch block, but I'm having difficulty…
When I attempt to add my "About Us" page link to the Navbar and include it in app.jsx, the home page ends up getting mixed up and becomes a bit messy. Specifically, when I don't add the Navbar links, everything…
I've been working through this React tutorial and have gotten stuck. (Chapter 16: React Router). My basic boilerplate html components all render properly in App.js UNTIL I wrapped some inside <Routes> tags and added the path="" and element={} attributes. The…
I tried up rn-sliding-up-panel but I am not desired results. To draw a clear picture, I want the UI similar to YouTube music, where mini player can drag to player screen. I tried to refer some video, but that didn't…
I am implementing react-router-dom to handle routing. The routing works for the most part however my Header component is not visible when the user visits AccountHome My router is very simple: const router = createBrowserRouter([ { path: "/", element: <AppLayout…