/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 vote439 views1 answer
React video srcObject
Javascript React
1 vote387 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote374 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
10 votes434 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
1 vote391 views1 answer
How to access form values in react
Javascript React
0 vote378 views1 answer
Implement cai webchat in react native
Javascript React
5 votes421 views4 answers
How to get url in react
Javascript React
0 vote379 views1 answer
React fontawesome exchange icon
Javascript React
1 vote416 views3 answers
How to decode jwt token in react
Javascript React
0 vote401 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React