I build my own Navbar using a YT-Tutorial and now I'm trying to connect the different sections of the website using react-router-dom. But when I click the Navbar in the browser it shows nothing, I don't get what I'm doing…
App.js import './App.css'; import CreateBug from './CreateBug'; import { BrowserRouter as Route, Routes } from 'react-router-dom'; import Button from '@mui/material/Button'; import { useNavigate } from "react-router-dom"; function App(history) { const navigate = useNavigate(); const handleOnClick = () => navigate('/createBug'); return…
I have a website that uses react router dom.The routes work properly but I can't set Home router as the main page, when I download the website, the main page is an empty background. I have checked that the Home…
As my routes the Sidebar and the topbar is rendering with Signup and login page. I want to render the Signup and login page with a seperate route where the sidebar should not render. And the sidebar and the Topbar…
I'm a beginner with react and I have this code: import {NavLink as Link} from 'react-router-dom' return ( <div> {posts.map((actualData, index) => ( <Link to={'/' + actualData.id}> <div className='format_link'> <div className='image_link'> <div className='image'> <img className='images' id={actualData.id} src={getImage(actualData.path, 0)} alt='Italian Trulli'…
I am navigating the user to chat page when the user login but when the I click on back arrow[provided in image] then it won't let me to move back cause when I click on that it sends me to…
What am I doing wrong? Why doesn't it go to the page "/block/:blockNumber/transactions" constantly hits the page "/block/:blockNumber". I tried it in different ways, but I don't understand why it doesn't go to the right page <Route element={<Layout />}> <Route…
I've looked up for hours and I just can't find any solution for my problem. I'm developing an app that uses react context and I'm also using react-router-dom to navigate through my pages. This context file, has a initial state,…
I'm currently working on a React project and trying to implement a proper login page. Therefore I created my LoginPage.tsx and another page, that should only be accessible if logged in. I tried the following code <BrowserRouter> <Routes> <Route path="/"…
I'm reading data from an api and storing it in the projekter variable (useState). When I map the variable all the values are shown, but when I try to pass the the values to an another component through the link,…