/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

1 vote104 views1 answer
React native text capitalize
Javascript React
0 vote104 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
0 vote100 views2 answers
React show view based on role permission
Javascript React
1 vote317 views1 answer
Double matrix iteration in react
Javascript React
7 votes120 views3 answers
React native class component
Javascript React
0 vote140 views1 answer
Custom login with facebook button react native
Javascript React
1 vote105 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote106 views2 answers
React native store sensitive data in redux
Javascript React
14 votes97 views4 answers
Conditional classname prop react
Javascript React
1 vote99 views1 answer
React 360
Javascript React