/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

1 vote211 views2 answers
How to use gif in react native
Javascript React
0 vote209 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
0 vote195 views1 answer
Mock createRef jest react functional component
Javascript React
0 vote216 views1 answer
React read multiple files with filereader
Javascript React
2 votes208 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
0 vote282 views1 answer
React native fade in fade out animation
Javascript React
19 votes209 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
1 vote202 views1 answer
How to get the value of textarea in react
Javascript React
0 vote211 views1 answer
React userefrence example
Javascript React
-1 vote228 views2 answers
React map example leaflets
Javascript React