/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

7 votes284 views4 answers
React router link
Javascript React
4 votes341 views2 answers
Set selected option react
Javascript React
0 vote318 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
7 votes333 views2 answers
React router 6 redirect
Javascript React
3 votes314 views1 answer
How to go to another page onclick in react
Javascript React
6 votes345 views2 answers
React native password field
Javascript React
1 vote336 views1 answer
React material ui classname
Javascript React
15 votes332 views6 answers
React forms
Javascript React
25 votes346 views5 answers
Image react
Javascript React
2 votes321 views1 answer
React router 404 redirect
Javascript React