/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 vote215 views3 answers
Play sound onload react
Javascript React
2 votes253 views2 answers
Set delay react native
Javascript React
1 vote179 views2 answers
Npm youtube-react
Javascript React
2 votes227 views3 answers
How to get current date in react js
Javascript React
0 vote204 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote202 views1 answer
React-native-apple-authentication
Javascript React
0 vote196 views1 answer
React Movies
Javascript React
0 vote187 views1 answer
Ityped react
Javascript React
0 vote190 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote226 views1 answer
Htaccess to deploy react app to cpanel
Javascript React