This is my first question. I am self-studying React.js, Node.js, and Express. For this reason, I am trying to create my own website where a user can register, log in, and access the page with their data only if the…
I've been trying to connect components to links, but whenever i write more than one route in <Routes> react seems to ignore it, and does not respond to anything. Also used <StrictMode> to see what happens inside program Here is…
I'm facing an issue with React-Router where navigating to a specific URL with a dynamic parameter is rendering the wrong component. Specifically, when navigating to "http://localhost:3001/Create/4", the Create component is being rendered instead of the expected Blogdetails component associated with…
this is my code why it shows id undefined? i want in the sale component access to both title & id of each book but id is undefined.how can i show the value of id in the Sale component? thank…
I am trying to update the state of a button once id has been clicked. This id is then stored in the state so that it can be passed as a params to navigate to the page that has the…
I'm trying to integrate React-Admin AdminDashboard component into a larger React application that uses React-Router for navigation. However, I'm encountering issues where AdminDashboard doesn't render or work as expected. When I initially had the AdminDashboard directly in App.js, everything functioned…
I have a React application where I'm using React-Router. In my layout component, I have a structure like this: import React from 'react'; import Header from './components/Header/Header'; import Footer from './components/Footer/Footer'; import { Outlet } from 'react-router-dom'; function Layout() {…
I am using React Router for my website and I encountered following problem. I have defined my main App component as follows: import './App.css' import { Navbar } from './Navbar' import { Outlet } from 'react-router' function App() { return…
AppRoutes: function AppRoutes(): JSX.Element { return ( <Routes> <Route path="/" element={<Auth />} /> <Route element={<RequiredAuth />}> <Route path="/home" element={<Home />} /> </Route> </Routes> ); } private routes checks import { Navigate, Outlet } from "react-router-dom"; import useAuth from "./hooks/useAuth"; const…
I am building SPA application. I have component with form changes to which could be either saved or canceled depending which button user pressed. I have a flag which indicates that some changes were made in this form. I am…