/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 vote211 views1 answer
React router dom default params
Javascript React
14 votes214 views2 answers
React router link with params
Javascript React
-2 votes217 views1 answer
React spring transition animations
Javascript React
0 vote270 views1 answer
How to download an mp3 file in react native
Javascript React
1 vote178 views3 answers
Antd react
Javascript React
6 votes213 views2 answers
Google sign up react npm
Javascript React
3 votes216 views1 answer
React data attributes event
Javascript React
0 vote205 views1 answer
React native run real device
Javascript React
1 vote184 views2 answers
React js class component
Javascript React
0 vote215 views1 answer
How disabled react-select
Javascript React