I have a following Router component: Router.js const Router = () => { const router = createBrowserRouter(RouteList); return ( <UserProfileProvider> <RouterProvider router={router} /> </UserProfileProvider> ); }; export default Router; routes.js function withSuspense(Component) { return ( <SuspenseWrapper> <Component /> </SuspenseWrapper> );…
I have problem about config React Router v6.14 is how to get param from url to component. I had tried reading React-router documentation about 'createBrowserRouter' and 'useParams' but I didn't understood and how to set up it. I had tried…
The project I am currently working on is the first React project i've worked on. I have a lot of experince with backend and some with front end. The backend I have already written strongly relies on diffrent html pages…
I'm encountering a 404 Not Found error when attempting to make a POST request to "/api/auth/signup" in my JavaScript application. I am trying to build a MERN application for a Modern Real Estate Marketplace. Here is my code: the sign…
I am using [email protected] and I am facing a problem. The routing is working fine but when I am in the middle of the page and click on any link in my navbar or any other link to route to…
I've used routes to update props in my same component, but on clicking the buttons only links change in the url but no routing happens in the webpage, after reloading it works fine. App.js: import './App.css'; import React, { Component…
I decide whether to render Foo page or Bar page by route, but Foo page itself has two sub-routes for components to render based on the url path, like FooOne or FooTwo. So I effectively have two layers of routes:…
I am using ReactJs with React-Router-DOM. I have a navbar with links such as "home," "about," "services," "portfolio," and "contact." The "home" and "about" links are single-page scroll links, while "services," "portfolio," and "contact" are on different pages. I am…
PropertyDetails.jsx import React, { useState, useEffect } from 'react'; import { useParams } from 'react-router-dom'; import axios from 'axios'; import '../styles/propertydetails.css'; import Navbar from '../components/Navbar'; import Footer from '../components/Footer'; function PropertyDetails() { const { id } = useParams(); const [propertyData,…
I have just started with the project (task management app) using ReactJS. Page-1: Home Page Here it will display the created tasks if any or else it should display "no tasks here" It has two buttons namely Add Task and…