I have a config route : const routers = { home: '/', category: '/category/:slug', } and an array : array = [ { id: 1, slug: 'table'}, { id: 2, slug: 'chair'}, ] I use array.map() to generate a list…
I am fetching a list of items from a local Data.js file and displaying it using map method in Header.js. But when I click on user image then it should go to user detail page and should display all the…
This is my main App component: const router = createBrowserRouter([ { element: <Root />, children: [ { path: "/", element: <Users /> }, { path: "/users", element: <Users /> }, { path: "/places", element: <Places /> }, ], }, ]);…
Switch in react router dom is not working! problem seems to arrive when rendering the AddTodo and Todos element! Tried replacing the switch with route but it still does not reem to render anything return ( <> <Router> <Header title="Task"…
I am building an app using Node.js v18 and React v18 and I have the following problem. I am redirecting my user when he tries to go to login but is already logged in. The problem is that for a…
enter image description hereI have completely installed my react router and my project is build completely but the only issue is that when I imported this import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; Import in App.js…
import Table from "react-bootstrap/Table"; import axios from "axios"; import { Link } from "react-router-dom"; import { useState, useEffect } from "react"; import Form from "react-bootstrap/Form"; import Button from "react-bootstrap/Button"; const endpoint = "http://localhost:8000/api"; const endpointAccount = "http://localhost:8000/api"; const OpportunityShow =…
I make React(17) Laravel(9.31) project. I try implement routing in the frontend.("react-router-dom": "^5.0.0") but same result with 6. I used now one blade (index) and send everyting here. index and main blade have a connection(yield). The main blade forms the…
I have a navigate back button and while checking for returning back I found two ways: The native way: window.history.back() or window.history.go(-1) The react router way: export const BackButton: FC = () => { const navigate = useNavigate(); return (…
I am trying to create product detail page, i want to know if we can create it with just useReducer hook or we need Redux for this..... This is my product page import React from "react"; import { Link }…