/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 vote391 views1 answer
React flip move
Javascript React
1 vote347 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
4 votes322 views3 answers
React link underline
Javascript React
0 vote352 views1 answer
React Liked Component
Javascript React
116 votes357 views6 answers
Bootstrap react
Javascript React
0 vote321 views1 answer
Can't bookmark react router
Javascript React
13 votes383 views2 answers
Download react devtools for chrome
Javascript React
3 votes349 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
1 vote371 views1 answer
Reactjs cloudflare
Javascript React
11 votes387 views4 answers
React native text underline
Javascript React