/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 vote264 views1 answer
Dynamic classname react
Javascript React
0 vote285 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote265 views1 answer
Counter composant react
Javascript React
1 vote247 views1 answer
Npm package for sorting in reactjs
Javascript React
3 votes259 views2 answers
React link without underline
Javascript React
0 vote264 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote272 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote237 views2 answers
Why we use react js
Javascript React
8 votes246 views1 answer
Professional react projects
Javascript React
0 vote277 views1 answer
React-native-restart
Javascript React