I'm working on a basic journaling app based using some inspiration from Journalisticapp.com. I'm using this as a way to learn/practice React and React Router. The Entries component should contain a list of journal entries that are pulled with a…
in App.js: return ( <BrowserRouter basename="/"> <Routes> <Route exact path="/" element={<Home />} /> <Route exact path="/home" element={<Home />} /> <Route exact path="/header" element={<div><Header links={"/"}/><Me /><Footer /></div>} /> <Route exact path="/me" element={<div><Header links={"/"}/><Me /><Footer /></div>} /> <Route exact path="/About" element={<div><Header links={"/"}/>…
I have deployed my website on AWS using React and react-router-dom for simple route changing. However, I made a mistake by only uploading the index.html file for both the origin page and error page to S3. Although the website works…
I need to change the value in the header depending on which route I am in. The only dubious idea comes to place a separate header for each router, but it seems like it won't be quite right. <Header loggedIn={loggedIn}…
My laravel backend can't upload or move a file in my directory UPLOAD FOLDER. I think my file request is a string, that's why the move upload is not working. I don't know if that's the problem. I am using…
I want to redirect to home page from every page in my app. So I add the below code: <Switch> <Route path="/login" component={Login} /> <Route path="/otp" component={Otp} /> <Layout> <Suspense fallback={<LayoutSplashScreen />}> <Redirect push to="/homePage" /> <ContentRoute path="/homePage" component={RequestTabel} children={undefined}…
I'm working on a React application and I'm trying to listen to back button click events so I can customize the navigation flow. I've created the following hook: export default function useBackButton( goTo: string, ) { const navigate = useNavigate();…
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 {…