Reputation: 2844
<Route path="/user/:username/" component={UserProfile} />
I have a route set up like above and having issue on
<Link to={"/user/" + userName + "/"}>user profile</Link>
When user goes to /user/user1/
to /user/user2/
because it does not reload the component but just update the states.
What is the best way to solve this issue? I need HTTP request in componentDidMount
to be executes when username changes.
Upvotes: 0
Views: 1051
Reputation: 8065
Routed component doesn't reload when route parameters change. But it will call componentWillReceiveProps()
as the component get different props. So call HTTP request inside both componentWillReceiveProps()
and componentDidMount
as React doesn't call componentWillReceiveProps()
with initial props during mounting.
Upvotes: 2