/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 votes102 views2 answers
React focus
Javascript React
0 vote116 views1 answer
React native text input number only
Javascript React
6 votes106 views1 answer
React-native loading screen
Javascript React
17 votes124 views3 answers
React router url params
Javascript React
3 votes102 views3 answers
React hide source code
Javascript React
1 vote112 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
-2 votes113 views1 answer
Multiple image upload react
Javascript React
0 vote71 views1 answer
Circle button react native
Javascript React
0 vote407 views1 answer
React navigation 4
Javascript React
27 votes119 views6 answers
React usestate
Javascript React