/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

63 votes182 views3 answers
Concat two arrays in react
Javascript React
3 votes170 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
0 vote156 views1 answer
React-with-firebase-auth
Javascript React
-1 vote215 views1 answer
React window navigate
Javascript React
1 vote167 views1 answer
How to clear pod cache in react native
Javascript React
0 vote142 views1 answer
How to display a calender in react native
Javascript React
1 vote162 views1 answer
React footer
Javascript React
1 vote166 views2 answers
React-native array.filter by index arrow function
Javascript React
6 votes148 views1 answer
React state management
Javascript React
0 vote216 views1 answer
React-beforeunload react navive
Javascript React