/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 vote254 views1 answer
React linking to documents
Javascript React
2 votes223 views2 answers
React native scrollview detect end
Javascript React
65 votes204 views6 answers
React routing
Javascript React
9 votes271 views3 answers
Disable yellow box react native
Javascript React
0 vote230 views1 answer
Curved lines on google maps usint react
Javascript React
0 vote236 views1 answer
Activez la compression de texte react js
Javascript React
0 vote235 views1 answer
React 5 to 10 rating
Javascript React
1 vote236 views1 answer
Expo update react native
Javascript React
0 vote207 views1 answer
React app link description preview
Javascript React
0 vote226 views1 answer
How to embed an expression in react js
Javascript React