/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 vote401 views1 answer
Uuid react native expo
Javascript React
0 vote361 views1 answer
React redux stack overflow
Javascript React
0 vote327 views1 answer
React file preview
Javascript React
23 votes355 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote403 views1 answer
Setstate after timeout react
Javascript React
0 vote371 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote351 views1 answer
React google login button size increase
Javascript React
1 vote344 views5 answers
React datepicker
Javascript React
0 vote378 views1 answer
React duration picker
Javascript React
5 votes319 views3 answers
React routes multiple compoenents
Javascript React