<Link to={} not working>

Question

I want to use routing outside where the router object is created. How can I do that ?

<div className="col-sm-2 hidden-xs sidebar-container-wrapper"> <Sidebar currentUrl={currentUrl}/> </div> <div className="col-sm-10 col-xs-12 groups-container-wrapper"> <Provider store={ this.myStore }> <Router history={ history } onUpdate={() => window.scrollTo(0, 0)}> { routes } </Router> </Provider> </div>

Community · Accepted Answer · 2017-05-23 11:51:37Z

1

Programmatically push state. Or, put the links under Router to use Link...

Also, the HoC is available for newer versions.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Aug 25, 2016 at 14:05

goldbullet

7024 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

blancVector Over a year ago

I am using Link in sidebar which needs color change on route change. How to handle this

goldbullet Over a year ago

If you're using redux, you can use something like react-router-redux to put the route info in redux store so you can connect() your sidebar and receive the update from there. Or, again the most common way is to put the sidebar in a "shell" component to render the main content and the sidebar both where child route dictates which component to be mounted for the main content that the shell component renders.

blancVector Over a year ago

can i use Link using connect in my component ?

Collectives™ on Stack Overflow

<Link to={} not working>

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related