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

502 questions
5
votes
2 answers

React router path validation and redirection

I'm using react-router with react-router-redux for implementation of SPA. I want to implement such a UI: The main idea that I have a list of Entitnes and if I click on an Entity, url is changed from http://domain/entities to…
Pavel Griza
  • 417
  • 6
  • 13
5
votes
1 answer

Setting initial route with react-router

I've got a question about setting up initial routes with react-router (in combination with Redux). I've got a few routes set up and based on the state from my Redux store I need to always redirect the user to a certain route on page load. The way my…
eXtreaL
  • 63
  • 1
  • 5
5
votes
1 answer

Pass props down in Redux React app with React Router

Here's my entry point file: import React, { PropTypes } from 'react' import ReactDOM from 'react-dom' import { createStore, combineReducers } from 'redux' import { Provider } from 'react-redux' import createBrowserHistory from…
benhowdle89
  • 34,076
  • 63
  • 192
  • 314
5
votes
1 answer

Redux Simple Router - Change state AND URL

Say I have some logic where the user has a list of options to choose from. When the user chooses an option, the app state and URL should reflect this choice. I have the URL routing figured out, but I wanted to be aware of the best strategy. Do I…
capkutay
  • 183
  • 2
  • 11
4
votes
3 answers

Error in - Check the render method of `Provider`. react-redux

enter image description here Code: this is my index.js file index.js import { Provider } from "react-redux"; import { createStore } from 'redux'; import App from './app'; import reducer from './store/reducer'; const store =…
4
votes
1 answer

reactjs: connected-router is not redirecting the user after push call is made

I would like my saga to redirect a logging in user to a main dashboard screen after successful authentication. I followed the code outlined in the following article: https://github.com/supasate/connected-react-router and example from…
4
votes
0 answers

How to store object on URL query string

I am developing a generic search component on React that puts it's filters, current page and some other params on the URL query string (after the ?). I currently use the URLSearchParams to transform the query string to js objects and back to query…
Murilo Cruz
  • 1,819
  • 13
  • 18
4
votes
2 answers

React-router optional path parameters at root

I am a little confused on how to do (multiple) optional path parameters from the root. I'm using react-router 3, and redux 4.3. From what I understand, (/:param1)(/:param2) should work, but I am getting the following error when loading the…
its30
  • 211
  • 2
  • 10
4
votes
3 answers

hide id or query string while passing through react router

i am having route where i pass id,but i dont want to show id in url, `` this gets converted in url https://local..../invite-members/5, but instead of that i want…
4
votes
1 answer

Cache react-router route

I have the following code:
If the user clicks on an edit button in a list item, react-router changes the page from /list to /list/{itemId}. This is a new page. After the user filled in some information and…
Piu130
  • 956
  • 2
  • 12
  • 24
4
votes
1 answer

How to Jump to Redux State with Browser Back Button

I’m a react beginner and I have a project using React Router (4.2.2), Redux and I’ve recently added react-router-redux hoping that it would solve my problem. I have components whose redux stored states need to change based on interactions with the…
nepps
  • 71
  • 1
  • 9
4
votes
4 answers

react-router-redux redirect to absolute url

I'm migrating a react application and I'm trying to split it. Basically, I would like to redirect some client-side react routes to absolute urls (or relative, but at least go with a server roundtrip, where reverse proxying is done) Note…
Cyril CHAPON
  • 2,776
  • 2
  • 19
  • 38
4
votes
1 answer

Access to store.dispatch in a saga for use with react router redux

I'm currently refactoring a react + redux + saga + react-router 3 application to use the new react-router 4 due to breaking changes. Before I would use browserHistory to direct to an appropriate path based on the results from a saga. Due to…
4
votes
1 answer

react-boilerplate sagas for new route

In the sample sagas of react-boilerplate, sagas are exported as an array: export function* defaultSaga() { } export default [ defaultSaga, ]; The default is then injected in routes.js: ... injectSagas(sagas.default); ... However, when I added…
dork
  • 3,438
  • 2
  • 20
  • 46
4
votes
2 answers

react router - pass props via url arguments

I am developing a multilingual and multi-currency app that uses react-router, react-router-redux & react-router-bootstrap for routing. Currently users arrive at the app with a default language and currency however I'd like to be able to provide some…
oldo.nicho
  • 1,582
  • 1
  • 18
  • 29