I have the following array: const tabsList = [ { pathPattern: 'users/' label: 'Manage users' }, { pathPattern: 'users/:id', label: 'Edit user profile' } ] I need a method from react-router-dom to tell me which of the above array entries…
I am currently trying to understand the url path of the current page of a react project using 'react-router-dom'. I want to print the url of the current location of the page I'm navigating. This is how did it. export…
im doing a website with antd and i want to do spa website. So, when user clicks on any btn in menu, the content would change. But i cant put my link component in onClick func. Code is there: <Menu…
I'm trying to redirect a user after they click on a text with useNavigate, the route that i'm trying to use is "behind" the current route whereas useNavigate redirects "forward". code: <span onClick={() => navigate(`portfolio/${user}`)} className="text-orange-400 cursor-pointer" > {profile?.name} </span>…
I'm trying to create a React web app, I have a navbar. It was working fine actually. But it reloads every time when navigating. I dont want the page reloads when we navigate with the navbar. This is my navbar.…
I have another piece of code and want to know the principle of react-router url matching. For example, the following code does not render the Layout component under "/login", which is the effect I want, but I want to know…
I want the header to be rendered when on the home page when the user navigates to "/content", and when they navigate to "/content/about", the About page is rendered without a header. This does not happen. Can you tell me…
I'm currently working on a React project with TypeScript and using SCSS for styling. I'm trying to select and style the active NavLink element from react-router-dom but haven't been successful. Below is the relevant code: Menu Component (JSX): const Menu:…
I am trying to make my nested route tab active when first displayed but it does not become active unless clicked. If I change anything the parent route becomes inactive. App.js <Route path="account" element={<Account />}> <Route index element={<Profile />} />…
I'm creating bookshop application. I'm quite freshmen in programing world. Whole application is created in react. My mission is to create modal component from existing "update" component. The main component is books where is an update button, I would like…