import React, { useState, useContext, createContext } from "react"; import { Link, Redirect } from "react-router-dom"; export class Login extends React.Component { constructor(props) { super(props) window.data_login_callback = this.data_login_callback this.data_login_callback = this.data_login_callback.bind(this); } state = { brand: "" } rend(props){ console.log("ddd",props)…
I am trying to implement a private route towards my application, and while it correctly reaches the private route when authenticated, it redirects it to the login page rather than the children. I've tried every solution on stackoverflow but they…
How to modify the code so that after submitting the image changes to base64 code and so that I can use the formData from the form in the subpage component. At the moment the AddForm look like this: import {…
The answers on Internet is Yes, but when I try to refresh on the page, the state params still exist. so the question is: will the params passed by state in react-router lose when refresh page, or the react-router v6…
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…
My react app work fine in dev mode, but as soon as I change page the app reloads and in production mode it doesn't work. It's because the app reloads and it's okay in dev mode, but not in production…
So I am making a react web app and the main page has a search bar function. I want the user to enter a search result and when they click on 'search' they should be redirected to a new page…
When i click on Mounth, only the address bar changes (into localhost:3000/subscription/Mounth) but i dont go to this page. Cant understand where is my mistake Root.jsx import { Route, Routes } from "react-router-dom" import Layout from "../Layout/Layout" import Main from…
I have an app that has two tabs "Apple" and "Banana". Each tab has a counter that is implemented with useState. const Tab = ({ name, children = [] }) => { const id = uuid(); const [ count, setCount…