import React,{useState} from 'react'; import Stepper from '../../components/Stepper'; import AddGradeGroup from './views/AddGradeGroup'; import AddExamDescription from './views/AddDescription'; import AddQuestions from './views/addQuestions'; import ViewExam from './views/ViewExam'; import OkExam from './views/OkExam'; const AddExam = () => { const [activeStep, setActiveStep] = useState([true, false, false, false, false]); const [step, setStep] = useState(0); const steps = [ { title: 'انتخاب گروه و پایه تحصیلی', active: activeStep[0] }, { title: 'تنظیمات آزمون', active: activeStep[1] }, { title: ' ورود سوالات ', active: activeStep[2] }, { title: 'پیش نمایش', active: activeStep[3] }, { title: 'ثبت نهایی', active: activeStep[4] }, ] console.log(activeStep) const backStep = () => { const backStepArray = () => { const fakeArray = []; [0,1,2,3,4].map((item, index) => index < step ? fakeArray.push(true) : fakeArray.push(false)) return fakeArray; } step > 0 && setStep(step - 1); setActiveStep(backStepArray); } const content = [ {setStep(1); setActiveStep([true, true, false, false, false, false])}} backStep={() => backStep()} />, {setStep(2); setActiveStep([true, true, true, false, false, false])}} backStep={() => backStep()} />, {setStep(3); setActiveStep([true, true, true, true, false, false])}} backStep={() => backStep()} />, {setStep(4); setActiveStep([true, true, true, true, true, false])}} backStep={() => backStep()} />, ] return(

ساخت آزمون جدید

{ content[step] }
) } export default AddExam;