/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

2 votes117 views4 answers
Discord js remove reaction from user
Javascript React
1 vote106 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
0 vote126 views1 answer
React native run android common error
Javascript React
2 votes117 views3 answers
React cdn
Javascript React
0 vote120 views1 answer
React-data-table-component api action button
Javascript React
0 vote133 views2 answers
React native icons in one file
Javascript React
0 vote72 views2 answers
Syntax attribute same as name react
Javascript React
0 vote122 views1 answer
2.When will the validation functions be called in the react js
Javascript React
31 votes127 views3 answers
React mui icons
Javascript React
0 vote120 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React