/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 vote309 views1 answer
React receiving socket muitple times
Javascript React
3 votes299 views1 answer
Latest react version npm
Javascript React
0 vote299 views1 answer
React.createElement pass props
Javascript React
7 votes284 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote298 views1 answer
Add image to ag-grid with react
Javascript React
-1 vote297 views1 answer
New Map() collection in react state
Javascript React
0 vote274 views1 answer
Npm i react-use-navigator-permissions
Javascript React
2 votes294 views1 answer
React router 404 redirect
Javascript React
15 votes289 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote312 views1 answer
Try catch in react native
Javascript React