/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

10 votes409 views2 answers
React navigation no header
Javascript React
0 vote364 views1 answer
Dropdown list value react fragment
Javascript React
2 votes368 views1 answer
This.setstate is not a function in react native
Javascript React
1 vote440 views1 answer
React native text capitalize
Javascript React
1 vote383 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote365 views1 answer
React native set variable key in loop
Javascript React
-1 vote386 views2 answers
React native Platform
Javascript React
0 vote357 views1 answer
React router native back button
Javascript React
0 vote380 views1 answer
Text input underline react native
Javascript React
13 votes375 views3 answers
Enable emmet vscode react
Javascript React