/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 vote251 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote261 views2 answers
Assigning ID to view react native
Javascript React
0 vote247 views1 answer
How to add icon in react js
Javascript React
0 vote255 views7 answers
Convert css box shadow to react native
Javascript React
3 votes247 views1 answer
React native run on device command line
Javascript React
0 vote218 views1 answer
React Native Text style example
Javascript React
3 votes243 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote193 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
1 vote256 views1 answer
How to insatll react-router-dom
Javascript React
3 votes242 views1 answer
React pass props to children
Javascript React