Stack Overflow
Stack Overflow

Questions tagged [react-router-redux]

A library of bindings to keep react-router and redux in sync (formerly known as redux-simple-router).

A library of bindings to keep react-router and redux in sync (formerly known as redux-simple-router).

###Related tags

512 questions
320
votes
36 answers

react-router scroll to top on every transition

I have an issue when navigating into another page, its position will remain like the page before. So it won't scroll to top automatically. I've also tried to use window.scrollTo(0, 0) on onChange router. I've also used scrollBehavior to fix this…
adrian hartanto
  • 3,235
  • 2
  • 11
  • 9
288
votes
26 answers

React-Router External link

Since I'm using React Router to handle my routes in a React app, I'm curious if there is a way to redirect to an external resource. Say someone hits: example.com/privacy-policy I would like it to redirect…
Eric Hodonsky
  • 5,617
  • 4
  • 26
  • 36
187
votes
10 answers

Detect Route Change with react-router

I have to implement some business logic depending on browsing history. What I want to do is something like this: reactRouter.onUrlChange(url => { this.history.push(url); }); Is there any way to receive a callback from react-router when the URL…
Aris
  • 2,978
  • 5
  • 22
  • 31
95
votes
6 answers

How to sync Redux state and url query params

I have a web page with a search panel. Search panel has several input fields: id, size, ... What I want is when user set search values (for example: id=123 and size=45) and press a search button: searchState in Redux reducer should be updated with…
Anton
  • 1,191
  • 2
  • 8
  • 6
78
votes
2 answers

How to sync Redux state and url hash tag params

We have a list of lectures and chapters where the user can select and deselect them. The two lists are stored in a redux store. Now we want to keep a representation of selected lecture slugs and chapter slugs in the hash tag of the url and any…
JoKer
  • 1,074
  • 1
  • 8
  • 11
67
votes
17 answers

React Router: Cannot read property 'pathname' of undefined

I've just started learning React and got stuck at this error. Uncaught TypeError: Cannot read property 'pathname' of undefined at new Router Here is my code: var React = require('react'); var ReactDOM = require('react-dom'); var { Route,…
Alon
  • 883
  • 1
  • 6
  • 18
64
votes
7 answers

react-router-dom with TypeScript

I'm trying to use react router with TypeScript. However, I have certain problems using withRouter function. On the last line, I'm getting pretty weird error: Argument of type 'ComponentClass<{}>' is not assignable to parameter of type…
Haris Bašić
  • 1,383
  • 2
  • 12
  • 21
58
votes
3 answers

react-router Redirect vs history.push

I was reading react-router-redux examples and I confused, what is the difference beetween: import { Redirect } from 'react-router-dom' ... and import { push } from 'react-router-redux' ... push('/login')
tandav
  • 775
  • 2
  • 9
  • 14
41
votes
9 answers

React Router work on reload, but not when clicking on a link

I have setup the React with react-router version 4. The routing works when I enter the URL directly on the browser, however when I click on the link, the URL changes on the browser (e.g http://localhost:8080/categories), but the content don't get…
Suthan Bala
  • 3,209
  • 5
  • 34
  • 59
36
votes
4 answers

getting 404 for links with create-react-app deployed to github pages

I'm trying to deploy a create-react-app to a relative path on GitHub pages with a custom domain. E.g. www.example.com/myproject I'm using react-router-dom, react-router-redux and react-router-bootstrap I've set homepage to…
szerte
  • 565
  • 1
  • 4
  • 12
32
votes
5 answers

How to dispatch Redux action from stateless component when route is loaded?

Goal: when loading a react-router route, dispatch a Redux action requesting asynchronic Saga worker to fetch data for the underlying stateless component of that route. Problem: stateless components are mere functions and don't have lifecycle…
Kitanotori
  • 1,741
  • 5
  • 16
  • 23
27
votes
1 answer

Get the current path in a react component

To determine the styling of specific menu item, I am trying to get the current path in my Navigation component. I tried some of the usual suspects already, but cannot get any results. Especially properties that I thought would be injected via React…
Anna Melzer
  • 1,403
  • 3
  • 13
  • 23
22
votes
3 answers

React-Router: how to wait for an async action before route transition

Is it possible to call an async redux action known as a thunk on a particular route and not perform the transition until the response has succeeded or failed? Use Case We need to load data from the server and fill a form with initial values. These…
AndrewMcLagan
  • 13,459
  • 23
  • 91
  • 158
19
votes
3 answers

Change default color of Link from blue to white

I am using Link component from react-router-link which applies blue color css to the text just like an anchor tag does. I want to change this to white, how can I do that? onHover I want to change it to blue.
ThinkGeek
  • 4,749
  • 13
  • 44
  • 91
19
votes
3 answers

Is there a way to expose route params outside component?

If I have something like this: My routes config looks like: export default [{ path: '/', exact: true, main: Home }, { path: '/:someId', exact: true, main:…
gl0gl0
  • 255
  • 3
  • 7
1
2 3
…
34 35