/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

10 votes121 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
5 votes133 views3 answers
React router lazy load
Javascript React
18 votes138 views6 answers
React native release apk command
Javascript React
105 votes125 views3 answers
React bootstrap do you need to import
Javascript React
0 vote86 views1 answer
React node github project
Javascript React
18 votes132 views2 answers
How to import background image in inline css in react
Javascript React
2 votes127 views1 answer
React native image source local file
Javascript React
0 vote155 views1 answer
React paypal express checkout
Javascript React
0 vote123 views1 answer
Relative width and height image react native
Javascript React
1 vote127 views1 answer
React lottie player on hover
Javascript React