I use two components: -"CartContainer.jsx" to count the cost of products that user has added to the cart. UPDATED: import React, { useEffect, useState } from "react"; import { useStateValue } from "../context/StateProvider"; import { actionType } from "../context/reducer"; //another…
I am wondering how to share state between my two routes. Should I lift state up from my AddContact component to Layout or App to share to ContactList. My Layout component is just rendering a Header and Outlet component. function…
I want to have a main page that displays a list of four accommodations, with the ability to jump to a specific page per accommodation with a click. I don't see where the error comes from. My code produces Uncaught…
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…