/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

7 votes201 views2 answers
Br in react native
Javascript React
1 vote196 views1 answer
React native cover image
Javascript React
-1 vote208 views1 answer
Get height component react
Javascript React
0 vote248 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote195 views2 answers
React native modal dismiss keyboard
Javascript React
4 votes197 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
0 vote198 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote188 views2 answers
Why navlink in react router always active
Javascript React
0 vote216 views2 answers
React open pdf in new tab
Javascript React
0 vote186 views1 answer
Yarn react select
Javascript React