/Javascript/React/Implementating step component in react

Implementating step component in react

//1. Implementing 2 steps in Login using hashmap
// frontend\src\pages\Login\Login.jsx

import StepPhoneEmail from '../Steps/StepPhoneEmail/StepPhoneEmail';
const steps = {
    1: StepPhoneEmail,
    2: StepOtp,
};

const Login = () => {
    const [step, setStep] = useState(1);
    //select component according to step 
    const Step = steps[step];

    function onNext() {
        setStep(step + 1);
    }

    return <Step onNext={onNext} />;
};

Similar codes

5 votes289 views1 answer
Deploy react js heroku
Javascript React
-2 votes296 views2 answers
Search bar in react js material ui
Javascript React
12 votes211 views2 answers
How to integrate redux dev tool to react application
Javascript React
2 votes200 views1 answer
React not getting img by src
Javascript React
1 vote217 views1 answer
React material ui input max length
Javascript React
0 vote223 views1 answer
React native make safe view in mobile
Javascript React
1 vote177 views1 answer
View onpress react native
Javascript React
1 vote197 views1 answer
How to change the tab text in React
Javascript React
1 vote212 views1 answer
SFC in react
Javascript React
26 votes209 views5 answers
React font-awesome
Javascript React