I solved my own problem already but I have no clue as to what's happening and why it works. I have a Link component that links to the same page it's currently on, but for a different product. So the…
I am trying to create a query link that is created based on the state of the component. When user selects an option the states are changed and then user can select 'search' button. The query on the search button…
I am facing an error like this everything works fine, it's compiled successfully but the app does not display on the browser and appears: "Uncaught Runtime error: Cannot read properties of null (reading 'useRef')" This is my code: import Navbar…
So I'm trying to build a logic which will enable user to see more details about the specific product that was clicked on, but I only managed to make it appear in the URL for now. How can I achieve…
Using the data router in React-Router 6 I want to redirect the user from an action, but also I need to return data. Can you do both at the same time? Redirect works, but no way to send data. export…
I'm working on this project to learn react, I haven't done dynamic routes before and am struggling with what to do. I have a bunch of playlists, that when click should take you to a page with all the tracks.…
I have a react app with 2 different layouts, "main layout" and "auth layout". I found the my main layout pages work no problem but it doesn't appear to load the auth layout pages. If I try and visit "/login",…
My Code - import React from "react"; import ReactDOM from "react-dom/client"; import "../App.css" import About from "./About" import App from "../App"; import { createBrowserRouter , RouterProvider } from "react-router-dom"; const router = createBrowserRouter([ { path: "/", element:<App/>, }, { path:"/about",…
HEADER.tsx import React from 'react' import { NavLink } from 'react-router-dom' const Header: React.FC = () => { return ( <header className='header'> <div className='left-section'> <img src={CustomLogo} alt='Logo' className='logo' /> <nav className='nav'> <ul> <li> <NavLink to='/'>Homepage</NavLink> </li> <li> <NavLink to='/about'>About Me</NavLink>…
I am migrating an ASP.NET Web Form site to React + ASP.NET Core API. In the ASP.NET Site, customers were subscribing to the system by filling a form in which they were entering in a field a unique URL for…