Clicking the submit button to go to the next tab only changes the URL but not the tab and the compon-CodePudding

Home > Software design > Clicking the submit button to go to the next tab only changes the URL but not the tab and the compon

Clicking the submit button to go to the next tab only changes the URL but not the tab and the compon

Time：03-01

I have these tabs for Step1 and Step2. In step1, I have this submit button to go to the next tab, it does update the URL, but the component does not update. It still stays on tab1. How can I fix this?

I kind of wanted to direct the user to the Step2 tab once the user has clicked the submit button in Step1

I recreated this in codesandbox:

Page link：https//www.codepudding.com/Softwaredesign/318927.html

Prev:Complex dynamic Section Separation with HTML collections

Next:Parsing JSON values in React JS and mapping to component

Tags：

javascript

reactjs

material-ui

react-router-dom

Links：
CodePudding