/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 vote173 views1 answer
Generate qr code react
Javascript React
2 votes201 views2 answers
React not recognizing lorem
Javascript React
0 vote188 views3 answers
Image border shadow react native
Javascript React
1 vote202 views1 answer
React vscode stop auto close tag
Javascript React
0 vote192 views2 answers
Login with facebook expo react native
Javascript React
1 vote154 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
15 votes163 views2 answers
React native location
Javascript React
0 vote143 views2 answers
Syntax attribute same as name react
Javascript React
5 votes182 views1 answer
How to create component in reactjs
Javascript React
0 vote193 views1 answer
Expo cli vs react native cli
Javascript React