I want the user to be redirected to the home page after successfully logging in, I store the data of the api request to log in the user in a variable called currentUser, so if currentUser is true it should…
I write a simple app in react and in this app i use the createBrowserRouter component: import React from "react"; import { createRoot } from "react-dom/client"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { ThirdwebProvider } from "@thirdweb-dev/react";…
I'm new to React and front end in general, so I'm learning everything from square zero and I've hit a barrier I can't solve by myself. What I'm trying to do now is to redirect after submitting a form. I'm…
I'm trying to implement private and public routing in my project. But it isn't working. I'm following the latest approach.I tried alot but can't figure out the solution. Signin is comes in public Routes. And PageLayout and its childrens comes…
I am creating a react-router prompt, so here I want to apply the alert message when you want to switch from one tab to another. I have applied the alert property for that I had create a function confirmSwitchTab, but…
I am in the process of creating a shopping page which contains an array of items, I have also implemented functions such as "addToCart", "removeFromCart", "increaseQuantity" and "decreaseQuantity". However, when I pass these values as a prop to the cart…
There are two web components which are being hosted in respective servers. I can view the web components individually. Server A: VIEW: abc.com/a/index.html CONFIGURATION abc.com/a/a.js abc.com/a/main.css <a-webcomponent> Server B: VIEW: abc.com/b/index.html CONFIGURATION abc.com/b/b.js abc.com/b/main.css <b-webcomponent> Now I have a new…
I have Manage Items page where can see items in a table with two actions as Edit and Delete. Required, on click of edit/delete button the Edit/Delete component should be rendered with url like manage-items/edit/1 or manage-items/edit?id=1 Currently: Base URL:…
I have a project on React, and for layout, I am using an old version. I want to use the new version of react-router-dom but I have some problems. These are my codes. App.js <Route element={<AuthLayout />}> <Route element={<LoginPage />}…
I have the start page in the Root component and I added the Header and Footer components wrapped in a div, but I don't know how to include them with the rest of the routes in the best way. Am…