/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

8 votes134 views3 answers
Change title react
Javascript React
1 vote152 views1 answer
React-native razorpay
Javascript React
9 votes167 views3 answers
Disable yellow box react native
Javascript React
0 vote152 views2 answers
Undo npm run eject react
Javascript React
5 votes142 views4 answers
How to use useref hook in react
Javascript React
0 vote144 views1 answer
How to download an mp3 file in react native
Javascript React
6 votes85 views2 answers
React-router-dom get current route
Javascript React
0 vote139 views1 answer
Circle button react native
Javascript React
0 vote135 views2 answers
Hello world react
Javascript React
0 vote151 views1 answer
React-native-safe-area-context
Javascript React