I have a component with below routes
<Route key= 'project-data' path='project/:id/detail/project-data/' render={ProjectDataView}>
<Route key= 'task' path='project/:id/detail/project-task/' render={renderForm2}>
<Route key= 'activity' path='project/:id/detail/project-activity/' render={renderForm3}>
<Route key= 'milestone' path='project/:id/detail/project-milestone/' render={renderForm4}>
<Route key= 'project' path='project/:id/detail/project-data/update/' render={UpdateProjectView}>
There is one button in ProjectDataView
to project/:id/detail/project-data/update/
which should go to UpdateProjectView, however, it does not work.
The weird thing is if I change the last Route's path to project/:id/detail/project-update/
and the button to destination to project/:id/detail/project-update/
, then it's all good. As I only change the path so I am guessing it's something Route does which I do not know.
I am new to react-route. I am using react-route 4.