John John - 20 days ago 5
React JSX Question

how to add slash in react router path

I have developed a page with react whose route is

http://example.come/page1


When the url is loaded I need to append a slash at the end of the url like this

http://example.come/page1/


My Routes are like this

Router history={browserHistory}>
<Route path='/' component={Home} />
<Route path='/page1' component={Page1} />
</Router>


I tried to change the path directly to "/page1/" instead of "/page1" but this will not load
http://example.com/page1
, It will open only
http://example.com/page1/


I want both the path to load the Page1 component

Answer

According to this reply, https://github.com/ReactTraining/react-router/issues/820#issuecomment-256814655

Using hooks (onEnter and onChange) with react-router v2 or above may achieve what you need.