/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

18 votes150 views6 answers
Add svg in react
Javascript React
0 vote148 views1 answer
TrackPromise React
Javascript React
0 vote137 views1 answer
React tooltip doesn't work
Javascript React
140 votes512 views5 answers
React js installation
Javascript React
0 vote134 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote138 views1 answer
Link externo no react
Javascript React
0 vote145 views1 answer
Opening a link in another tab in react
Javascript React
3 votes136 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
1 vote151 views1 answer
React native image disable fade in onload
Javascript React
1 vote159 views1 answer
How to remove name in react navigation header
Javascript React