/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 vote156 views2 answers
Onclick toggle class react
Javascript React
1 vote147 views1 answer
Proactive vs reactive
Javascript React
0 vote135 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
-1 vote164 views2 answers
React js props lara css uygulama
Javascript React
0 vote152 views2 answers
React arrow function component
Javascript React
32 votes151 views2 answers
Npm react router dom@5
Javascript React
14 votes182 views4 answers
&& in react jsx
Javascript React
3 votes150 views1 answer
React prop ytpes
Javascript React
0 vote163 views1 answer
React notification
Javascript React
0 vote152 views1 answer
Clear form in react
Javascript React