React-router Questions

I'm using this router: import {browserrouter as router, route, switch } from "react-router-dom"; <router

This is the code i have, i believe i have imported everything correctly, i am using react mdl to style it and copied and pasted the navbar code. i

The first time i open the app, the length of the history object (returned by the

I'd love to keep the benefits of using the default routing mechanism via the to prop, but also add additional logging logic for when

Can anyone please tell me how redirect works in react? i'm from angular background and trying to learn react. i have a small

I started work on nextjs a few days ago, and i'm literally blocked now on something that, i think, is very stupid but i cannot find the solution

I have made a custom button component that returns html button. now i am using this button inside

I create an elearning app using react and want to split routes to many users (pupils, teachers, and admins) so i use this method

I have a strange problem with rendering a component while route changes. versions i use { "react": "16.9.0", "react-dom":

I want to only be able to load a component if the user is authenticated to. normally i have this privateroute component for that:

I have main layout component and normally when i change route links {this.props.child} needs to be change only.

This seems like a simple task, but can't seem to get it to work. i'm building a react spa running material ui and typescript. due to errors, when

I am new to react and react-router. i have a sidebar that has a route link to store information details. // sidebar link

How can i resolve the eslint error: "prop spreading is forbidden" in a custom route component? this error occurs on lines 3 and 6

My first problem is that, i have three links in menu. home, about and add food. navlink activeclassname works as expected , except for this : home

I'm using context and react router. when i created my context and wrapped my components, nothing rendered. when i check the console, i can see the

I have recently started building a big project on react using also a firebase with authentication and i cannot quite understand the relation

Thanks in advance am currently using watermelon db and i have configured it as per the documentation. how to i pass database from

I want to navgiate to a new page after the user has logged in. typically i would use this.props.history.push("/some_other_page");

I´m using for routing "react-router" lib. before render page component, i need fetch data. i want show loader before every routing, because all

I have one base component named(entersystem) on which i am calling (login) and (register) component. i am passing props from enter system to login

I am mocking the usehistory of react-router-dom in my test like this:

Hi i am creating rangedate calendar for my requirement.calendar is working perfectly. but when i submitting the dates it will displaying some

I'm creating an spa using react with typescript. i've been using the ui framework material ui. i've run into an error now that i can't seem to

I am working in a web application (built using react+redux+react router dom) and firebase as backend. my question is: is possibile to

I am using react router with switch and loading content via react lazy. i need to pass wildcard on the root directory as well have

I want to be able to perform: router.push('/compose') and if not logged user will be redirected to the login

I am using firestore and have access to state that will inform me if the user is authenticated or not. i am mapping these conditions to props and

So i have a basic index.js page that contains the app wrapped in a browserrouter like so: reactdom.render( <router>

So i have an appbar and a drawer. like this: export default function approuter() { //drawer mobile

I prepared small demo for the problem:

I am trying to mock history.push inside the new usehistory hook on react-router and using

I have a route (using react-router) with component which it renders. every time this route opened and its component created i need to reset some

I have searched for a few hours now found no working solution. i followed this guide

I'm having an issue with browserrouter routing after running yarn build on my reactjs project. during development (yarn

While an action is successful, redirect is not working but history.replace is working. why?? import react, { component } from

I am using link inside components to go different pages like <link to={'/documents/' + x.id}></link

I have a page called [id].js the page has a function that gets the id of a blog post: function blogpost() { const router

I'm investigating the use of the react router in a typescript application. how would i update the document title (document.title) and

I've got many links on my site but only one that does this. instead of bringing me to the top with the navbar, it just goes to the middle

So i'm having trouble passing a value from an object in my mapped state as a parameter. i looked around and this seems to be working for everyone

Is there any way i could persist react route history on page reload and pass it to my component. ex:- i am on a dashboard component with link "/"

Why does appdetail extend the appslist, of versiondetail extends the appdetail and

I am using usehistory hook in react router v5.1.2 with typescript? when running unit test, i have got issue. typeerror:

I'm currently working on a react project. i want to send the value(1001) to the server through the axios in view, but the server does not receive

I have a react component that i use it in some routes. the component needs some data witch is different in routes. the component is like

I have implemented an app which uses react-router to handle the routes in my web-app. i want to trigger the function logintoggle

I am setting up react-redux to my web application, i have been getting a could not find "store" in the context of "connect(register)". i

I can't figure this out even when looking on so answers. i have a layout that looks like this: const dashboard = (props) => (

Please some help! my project has 4 page that one of them is about. i use react-router for change path and contents between this pages with

I'm making few practica but when i loaded the router into my new "project" in react-router-dom v6 the screen turns white

I was looking to display parameters and disconnect in my homepage if the states of the var userconnected is true and to display only login and

Im using templete and it use old version of react & routing i want to redirect user to login if not but this templet have diffrent routing

I am new to react.js my problem is whenever i use <link to="/"> instead of <a

I am attempting to load my register component when a button is clicked in my login component using usenavigate hook but when i add

Here's my code in react: function protectedroutes(props) { useeffect(() => { settimeout(props.verify_access, 100)

I have a form that it needs to create the item "post" with a unique id, title, author and content. something like this: {

I have this private route component that is used to render a component only is the user is logged in, else it should redirect to the login page.

I have two navigation menu, artists and albums on menu bar. i am using react_rotuer_dom v6 here is the nested navigation structure.

I'm trying to make a navbar using react , but although the link has changed , the content never being changed ! routes in my app.js :

Okay so i have scoured the internet for an example of how to do this but unfortunately i am not able to do so. basically i have a componenet

I am trying to learn react, but i am stuck with react render dom which doesn't want to render my page. my app.js import

I'm still learning to using react-router. i just wondering why my page is blank. app.js : import { browserrouter as router,

I am trying to achieve child/nested routes in reactjs and below are the 2 methods which i found for nesting the child routes but parent routes

I want to create a router in my react app and it shows this error, i tried with out link and using navlink but it doesn't work.

In my app.js i have the following routes: <switch> <route exact path='/' render={() => <home

I have a form in react, actually i can make it work with a submit button. when i click on the submit button, a link send

I have two route private and public route in my react js application. i want to know is it possible to display alert to

My react app is working fine in local, but when i deploy it to a development server i cannot hit the refresh bar. if i do, it will immediately

Tl,dr: i need to set a default local state value based on a store value in a grandchild's constructor. render vs.

How do i put a condition on the <listitem> in react? this is to hide if the role isn't admin. const isadmin =

Links doesn't work after being build but it works in localhost:3000 i use react-router-dom component build project with :

version "react-router": "5.0.1", test case <switch> <route

I have a firebase db as a backend. i have some data in db. i want to generate urls like mywebsite.com/pages/%idfromdb/. if this db contains this

While updating react from ver 15 to ver 16 i got this error: cannot read property 'foreach' of undefined in privateroute

I am new to react and i am trying to display a react route using react router dom but the matching component is not coming up. i have looked at

I have a mobilenumberlogin and loginotpscreen. these are two separate screen.whenever a user enters mobile number and

I'm making a crud application using laravel and react, and after "post" in my form component i want to get redirected to my home page, after some

I am building extremely stretchable react app and i am using ssr fro seo. but i don't know how to handle url like: user can directly land

I am making a basic app in reactjs. i've setup routes for 3 components. the problem is select fields don't appear when the component is rendered.

I want to create a basic web application using react. i have implemented creating buttons. i want to redirect to another page on button click.

I am developing a web browser extension that renders various links. these links may be rendered either inside an "application" path

Import styled from 'styled-components'; import {link} from 'react-router-dom'; const ls = {}; ls.navfixeditem_link = styled(link)`

I'm creating a table in a react project using material ui, but i get this error. i'm trying to have the whole row be a link to a page that

Hi there for localization reasion i need optional nested routes like /en/mypage , /ru/mypage , /my page, i already tried to work with

I have a client area with login, and the login has a different template dashboard. when finished i already have a rendering error: "failed

I have multiple pages in react project includes signin.js and signup.js. in my signin page , i can able to login and able to view the user

New to working with routes in react. i am trying to render my home page. currently, my home route (/) is showing a blank page despite an h1

I'm setting up nested routes within react-router-dom (v5.0.1), but it (route /primary/:id) is not working whenever i try and access

I have some code for private routes that require authentication. i cannot figure out why match is not being passed down to the child component. in

The problem when i open /view route entire baselayout is rendering and i've tried many different ways still no luck

I'm building an app in react and am trying to get the navbar to update when the user navigates to a different page. however it's inconsistent

In my app, i'd like to match all routs that end with #something. /map#login /info#login and /map#register

I currently new to react and trying to use react router. but i'm having the issue where the top level component is being shown as well as the

I used browserrouter with his basename, my server is winscp, the routes works correctly but, when i refresh it or writing it manually, i get :

I've litterally been pulling my hair for the last two hours trying to make this simple piece of code work. whatever i give the route

Since 3 days i am working on react route but its not working..i i dont know where i am doing wrong even simple route is not working...if

I have a button that has an onclick function to redirect to a certain component with props

I developed app that is working good but sometimes some of component not rendering when i click on links. urls always changes but not view.. so