/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

0 vote323 views1 answer
React tooltip doesn't work
Javascript React
8 votes275 views2 answers
React-router-dom get current route
Javascript React
0 vote283 views2 answers
Veu js vs angular vs react features
Javascript React
2 votes322 views2 answers
Export aab bundle react native android
Javascript React
0 vote317 views1 answer
React hooks link to external site
Javascript React
4 votes318 views1 answer
Read keyboard reactjs
Javascript React
0 vote318 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote316 views1 answer
Add event listener react hooks
Javascript React
0 vote282 views2 answers
Undo npm run eject react
Javascript React
0 vote335 views1 answer
Pass text to button component react
Javascript React