using same component for different route path in react-router v4

Question

I am trying to have separate routes but same component for add/edit forms in my react app like the below:

Answer 1

My problem was we used an common path in-between, which causes dynamic path to not working

      
        
        
        {/*  */}
                    
           
        
        
      

So don't use the path like the commented one, now the code is working

.................
          this.props.history.push("/PolicyPlan/edit/" + row.PolicyPlanId);
.............