/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 vote325 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
-1 vote332 views1 answer
How to remove react icon from tab
Javascript React
0 vote305 views2 answers
React js http post 500 internal server error
Javascript React
1 vote299 views1 answer
How to get the value of textarea in react
Javascript React
40 votes302 views5 answers
Fetch react
Javascript React
10 votes336 views2 answers
React navigation no header
Javascript React
0 vote317 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote332 views1 answer
Remove unused dependencies React
Javascript React
1 vote302 views2 answers
React select disable option
Javascript React
0 vote334 views2 answers
React native maximum update depth exceeded
Javascript React