/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 vote224 views1 answer
Render object id in an array reactjs from database
Javascript React
6 votes207 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote146 views1 answer
Image continuous changing div react
Javascript React
2 votes193 views1 answer
Npm install --save react-native-vector-icon
Javascript React
10 votes248 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
1 vote209 views1 answer
React js router parameters
Javascript React
4 votes200 views1 answer
External site links in react Link
Javascript React
0 vote182 views1 answer
React-datepicker
Javascript React
27 votes229 views4 answers
Font awesome react npm
Javascript React
24 votes269 views3 answers
Reactjs sass setup
Javascript React