/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 votes135 views1 answer
Include gif in react
Javascript React
2 votes136 views3 answers
React native component at bottom center
Javascript React
1 vote182 views1 answer
How to set height of material ui dialog react
Javascript React
2 votes136 views1 answer
View background image in react native
Javascript React
24 votes142 views6 answers
Box shadow react native
Javascript React
16 votes144 views6 answers
Usestate in react
Javascript React
1 vote153 views1 answer
@react-google-maps/api npm
Javascript React
2 votes137 views1 answer
Append a query string to the url react
Javascript React
0 vote145 views1 answer
React antd form disable submit button
Javascript React
0 vote133 views1 answer
React native navigation shared element
Javascript React