/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

86 votes402 views3 answers
React check if window exists
Javascript React
12 votes362 views2 answers
React split array into chunks
Javascript React
1 vote537 views2 answers
How to check reactjs version in command prompt
Javascript React
0 vote386 views1 answer
How to replace strings with react components
Javascript React
5 votes382 views1 answer
React native break line text if too big
Javascript React
0 vote390 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
6 votes376 views1 answer
React-native loading spinner
Javascript React
0 vote421 views1 answer
Disable enter on input field react
Javascript React
0 vote359 views1 answer
React image onerror
Javascript React
5 votes377 views3 answers
Get url react
Javascript React