/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 vote443 views1 answer
How to make react native dapp truffle
Javascript React
2 votes377 views1 answer
React nginx returns 404 after reload
Javascript React
3 votes369 views1 answer
React prop ytpes
Javascript React
0 vote383 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote434 views2 answers
How to sent react from data in mongodb
Javascript React
0 vote402 views1 answer
Generate qr code react
Javascript React
0 vote405 views1 answer
One component overlapping on other in react.js app
Javascript React
3 votes390 views1 answer
React native nox emulator
Javascript React
1 vote377 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote375 views1 answer
Detect finishing write react input
Javascript React