/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 vote221 views1 answer
Float right react native
Javascript React
4 votes249 views1 answer
Add array of object to state react
Javascript React
0 vote235 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
1 vote223 views1 answer
Share file in react native
Javascript React
0 vote213 views1 answer
React event for modals
Javascript React
1 vote218 views1 answer
Handling scrolling on react router transitions
Javascript React
1 vote204 views1 answer
Component vs container react
Javascript React
0 vote215 views1 answer
Clickjacking in react js
Javascript React
0 vote294 views1 answer
React native firebase
Javascript React
0 vote199 views1 answer
Unexpected token react
Javascript React