/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 vote223 views1 answer
What difference between react func and class components
Javascript React
24 votes214 views5 answers
How to change port in react js
Javascript React
0 vote204 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote217 views2 answers
Editable pre input react
Javascript React
0 vote227 views1 answer
How to refresh android studio react native
Javascript React
0 vote211 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
0 vote230 views1 answer
React native notifications error
Javascript React
3 votes240 views1 answer
React router yarn
Javascript React
0 vote199 views1 answer
React '$' is not define
Javascript React
1 vote261 views2 answers
Hide react source
Javascript React