/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 vote220 views1 answer
Clickjacking in react js
Javascript React
0 vote181 views1 answer
Clear form inside modal after close reactjs
Javascript React
0 vote198 views1 answer
React onpaste get value
Javascript React
0 vote176 views1 answer
How to embed an expression in react js
Javascript React
0 vote188 views2 answers
How to convert time to users timezone in react
Javascript React
0 vote188 views1 answer
React index.js file
Javascript React
2 votes172 views3 answers
React native component at bottom center
Javascript React
0 vote179 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
18 votes199 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote189 views1 answer
Popup react now ui
Javascript React