/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 vote223 views1 answer
React native passing params to nested navigators
Javascript React
0 vote227 views1 answer
React export multiple component from index.js
Javascript React
0 vote217 views1 answer
How to stop server of react js
Javascript React
8 votes223 views2 answers
Install material icons for react
Javascript React
0 vote219 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
4 votes220 views2 answers
Entypo icons react native
Javascript React
0 vote209 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
3 votes198 views1 answer
React hooks delete item from array
Javascript React
18 votes226 views6 answers
React-native make android apk
Javascript React
4 votes218 views1 answer
Add array of object to state react
Javascript React