/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 vote172 views1 answer
Change navigation animation react native
Javascript React
1 vote182 views1 answer
How to setup React Context, useContext Hook
Javascript React
50 votes160 views6 answers
Yarn create react app
Javascript React
0 vote160 views1 answer
How to validate password and confirm password on react form hook
Javascript React
2 votes173 views2 answers
Text number of lines react native
Javascript React
1 vote169 views1 answer
React native detect production
Javascript React
2 votes165 views1 answer
View background image in react native
Javascript React
0 vote169 views1 answer
React Update a label when rate moves "quietly"
Javascript React
4 votes159 views2 answers
React input number
Javascript React
0 vote157 views1 answer
React open a link to an outside siite
Javascript React