Comments (7)
If you are using react-router v4 you can use the high order component withRouter as an alternative to enhance your component and have access to match params
from connected-react-router.
It works! I've wrapped the most upper component with "withRouter()".
Thanks a lot for all the help and thoughts.
from connected-react-router.
from connected-react-router.
@lluistfc thanks alot!
I've tried to make it work but i keep failing. I use some other things that maybe breaks the setup.
import {applyMiddleware, compose, createStore} from "redux";
import {connectRouter, routerMiddleware} from "connected-react-router";
import thunk from "redux-thunk";
import rootReducer from "./reducers";
import {createBrowserHistory} from "history";
export const history = createBrowserHistory();
export const store = createStore(
connectRouter(history)(rootReducer),
compose(
applyMiddleware(
thunk,
routerMiddleware(history)
)
)
);
Can you help? I use react-redux, redux-thunk and connected-router.
from connected-react-router.
The only difference i see between yours an my code is that you use routerMiddleware from connected-react-router and i'm using it from react-router-redux (v4.0.7).
I was taking a look at both middlewares from connected-react-router and react-router redux and the only difference is the store parameter in:
https://github.com/supasate/connected-react-router/blob/master/src/middleware.js#L8
Can you give it a try and see if that works for you?
from connected-react-router.
React-router-redux is using the unsafe methods that are in >=16.3 given as a warning.
Everything works except for navigating and accessing the match match object.
from connected-react-router.
Could I see some example? Right now i'm very busy and if I have time I could take a look at it maybe tonight or wednesday, but the idea is doing something like:
withRouter(connect(mapStateToProps)(Component)) and you can access location, match and history from your component props.
I haven't tried without a connected component. If this is your case I don't know if it will work but in the documentation there is an example with and without a connected component.
from connected-react-router.
Related Issues (20)
- Could not find router reducer in state tree, it must be mounted under "router"
- Missing typing for the default component property `children` for react@17 HOT 1
- Can't install package with React 18.1 HOT 5
- `history.replace` is not working after upgrading to 6.9.2 version HOT 1
- Type '{ children: () => Element; history: History<unknown>; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<ConnectedRouter<unknown>> & Readonly<ConnectedRouterProps<unknown>>'. HOT 5
- Add support for react-redux v8.0.2
- Support [email protected] HOT 1
- Is connected-react-router compatible with react 18? HOT 8
- This project appears to be out of maintenance HOT 3
- Upgrade peer dependencies to support React 18 HOT 1
- When will support react@18 & [email protected] & [email protected] HOT 1
- Incompatibility with history.listen with history@5
- Will support react-router v6 and history v5? HOT 2
- Redirect not working in react-router-dom v6 HOT 1
- Expose an Error Handler
- How to reset the states with connect-react-router HOT 1
- VSCode - Integrated Console stops responding
- When will the support come for react@18? HOT 2
- Is the project DEAD??? HOT 2
- link button not working second when i added new maincategory, it is rendering same component intead of going path
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from connected-react-router.