/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 votes373 views1 answer
Append a query string to the url react
Javascript React
1 vote338 views1 answer
Import react js video player
Javascript React
0 vote332 views4 answers
React node sequilize
Javascript React
0 vote365 views3 answers
How to copy an arry react
Javascript React
1 vote353 views1 answer
What is react reveal
Javascript React
0 vote389 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
10 votes310 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
17 votes392 views3 answers
React router url params
Javascript React
2 votes365 views1 answer
React select with custom option
Javascript React
0 vote339 views1 answer
React native Stack Navigation Prop unused variable
Javascript React