/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

3 votes367 views1 answer
React native run on device command line
Javascript React
0 vote351 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote339 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
0 vote336 views1 answer
React dynamic load script
Javascript React
0 vote337 views1 answer
In whatsapp share text add a new line react
Javascript React
9 votes312 views1 answer
Redux add to array
Javascript React
2 votes336 views2 answers
Prevent refresh react
Javascript React
30 votes352 views5 answers
Use effect react
Javascript React
0 vote325 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
13 votes393 views2 answers
Download react devtools for chrome
Javascript React