/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 vote208 views1 answer
Back button not working when modal open in react native
Javascript React
1 vote238 views1 answer
Add value to state array react native dispatch
Javascript React
0 vote228 views1 answer
How to load a javascript game from react
Javascript React
1 vote199 views1 answer
Deploy react to aws
Javascript React
0 vote207 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote213 views1 answer
Ng2 validations angular using reactiveforms
Javascript React
3 votes247 views1 answer
React how to create range
Javascript React
26 votes258 views6 answers
React redirect to url
Javascript React
0 vote257 views1 answer
OAuth with axios react native
Javascript React
-2 votes296 views2 answers
Search bar in react js material ui
Javascript React