/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 vote126 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote139 views1 answer
How to remove console.log from react native app
Javascript React
6 votes148 views2 answers
React native activity indicator
Javascript React
0 vote152 views1 answer
My vscode does not recognize react code syntax
Javascript React
1 vote132 views3 answers
How to make sticky footer with react router
Javascript React
108 votes168 views2 answers
Make react project
Javascript React
0 vote128 views1 answer
Slide hide animaition in react
Javascript React
1 vote136 views1 answer
Unordered list in react native
Javascript React
0 vote195 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote129 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React