Stack Overflow Asked by xaovnumwsercy on September 21, 2020
In my entry file, Ive 3 columns, I want first and last column to always be there, middle column displays different contents. I am rendering middle column as :
<Router className="middle">
<Switch>
<Route exact path="/" component={World}></Route>
<Route exact path="/countries/:countryId" component={Details} ></Route>
</Switch>
</Router>
here World component has a list of cards, where for each card on click I want to show expanded details of it, at that "/countries/:countryId" url. So in World component (where I have list of cards) I have onClick on each card which does this:
loadDetails = (countryId: string) => {
window.location.href = `/countries/${countryId}`;
};
Now I just want to replace middle world component with this details component but WITHOUT RELOADING, RESETTING REDUX. this details component also has back button to go back to "/" url and load World component.
by doing:
onBack={() => window.history.back()}
I might have to change this route and all, please help. Whats correct way to route in this case?
Route Structure:
World("/")
Post1
Post2 (onclick = load post details on "/countries/:countryid")
PostDetails("/countries/:countryid")
(onclick = go back to "/")
1 Asked on December 3, 2021 by sony-kuruvilla
2 Asked on December 3, 2021
3 Asked on December 3, 2021 by user3794200
0 Asked on December 3, 2021 by peter-kates
3 Asked on December 3, 2021
6 Asked on December 3, 2021 by input
1 Asked on December 3, 2021 by user3750702
3 Asked on December 3, 2021
2 Asked on December 3, 2021 by eugene-kim
1 Asked on December 3, 2021 by purplespark
1 Asked on December 3, 2021 by unkowncoder
1 Asked on December 3, 2021 by orkhan-hasanli
1 Asked on December 3, 2021 by testgauss321
azure azure machine learning service azure machine learning studio azure machine learning workbench machine learning
2 Asked on December 2, 2021 by nuki
2 Asked on December 2, 2021 by blindside044
1 Asked on December 2, 2021
1 Asked on December 2, 2021 by error-1004
Get help from others!
Recent Answers
© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP