React-router Questions

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

i created a react app and implemented two routes. the page on '/' shows a welcome message and /pageone shows the

What i'm trying to do is to display user details next to the table of users. the user table is displayed on /users route and

In my app, i have a long list of cities, and each one has a corresponding id. previously, i was using url params like this:

I have been unable to hide the sidebar and navbar for some components which include login, signup, forget-password and reset-password

I want to remove query param ?error=true from my current screen before that i need to store that information in state. but if i use

I'm currently creating a search bar where app is the parent and header, home are the children. i'm trying

Setup: i have a form that send data to an action creator, which in turn submits to an api and gets the result. what i want is

I'm getting pathname.match is not a function error when i use

Edit: posted answer to how i went around this instead of using react-router optional params. for some reason, i'm having a get error when

I suspect this is more about react (or js) than routing. to avoid props collision, i am using forwardref, defined in a const. the 'to' i

If i write "http://localhost:3000/login" in the url field on chrome, i cant

I am trying to import createstacknavigator from an external file and add it inside imagebackground of view so that i can have common flow of

I am new to react and i am trying to build a website. i wanted to trigger a child component function from parent component. i.e. i have a

I've created a tabheader which creates a tab menu. i want to show table contents based on months, and i've created a loop that runs through the

I have a react website up and running on the web host, i am trying to add react router to it, so i installed

Update (new changes): so now i pretty much converted my code to a functional component however it is as if nothing is being

I have an app that uses url parameters to change the data that is displayed on the page. at the moment, i'm using react-router and

If i browse to http://localhost:3000/confirm_email/ the route loads as expected but if i browse to

I am building a consumer facing app with a admin dashboard. i want to keep the routing separate for them and so trying to delegate :-

I build app like fb with react, redux (handle jwt,...) and react router v4. i want my component like the picture before login:

I have a route: <route path="/projects/:handle" component={project} /> when i browse to i.e.

I have a problem with react-router. this is my /home component, the first page you see after logging in: return(

I have a header that appears in 95% of pages in my site, so i mount it in my main app component. for the other 5% of pages though i need it to be

Router is rendering the page on the same page than to generate a new page. what might be the problem? whenever i click the link

I have a route page with a datatable fetch data when component mount. when i click on the same react-router-dom link (to the route above) multiple

When i clicked on submit button, it should redirect me to another page, where my other all pages should display there.. this is the submit page,

When using react-router i can use the link element to create links that are natively handled by react router. i see internally it calls

I am trying to use nested routes with react router but its not working for me. i also tried to add nested router on main app but it's not

I am trying to set up a privateroute component in my react app but when i separate the redirect into another file it does not seem to redirect if

I'm working in a project that uses: react/[email protected] @loadable/component styled-components

I am using react hooks and my state (modulename) is not getting updated even though the prop(which i get from route)changes? i need to use

I have the following route: <route path="/userstream/:user" component={ profile } param="stream" /> then

All the solution i found on the web seems complex , so i wrote this simple way of protecting a route , is this also a correct way?

I am trying to access route params from a parent component. i know that using withrouter you only have access to nearest parent route params.

I'm having an issue with react-router. if i type random route in address bar (mysite.com/users (valid url to users page) or mysite.com/adf

I am a beginner in react and javascript so i'm terrible in programming for now. what i want to do is to edit and delete and item in

I have a div (images) in stories.jsx file that i need to give it onclick function. how do i make handeclick function

Before, you would need to wrap something like this export default withrouter(name of component) and now it is different in

My button component (that is also a material ui component) already has the style i want, but when i surround it with the link component, which is

I have this piece of code in my index.js : const routing = ( <router> <switch> <route

I am trying to navigate to /movie/:title on which i am rendering a new page. but it only renders if my movie page i.e /movie

I am newbie in reactjs. this is my code. i want the link component to just wrap the card component. but when my codes are like this, reactjs

I'm using queries to either open or close a collapse. the queries are important since they include data that i need later on. so basically the

I am developing an app with patch notes where i have url's with the following structure defined with react router: <route

In user login form i am when i click login button it gives a token. i am setting up the token in local storage and redirecting to 'customers'

I'm having problems trying to make a simple setup to run. i have used "react-router-dom" because it claims to be the most documented router

I have a page called blog in my nextjs version 9. next create a route /blog