import Header from "./Header"; import Questions from "./Questions"; import "./index.css"; import { connect } from "react-redux"; import { exam } from "../../redux/actions"; import { Link, useParams } from "react-router-dom"; import { useEffect } from "react"; import { useState } from "react"; let loadingCondition = false; const Exam = ({ examData, setAnswer, endExam, startExam, examLoading, end, }) => { const { id } = useParams(); console.log("Exam render========================="); console.log("||||||||||||||||||||||||||||"); console.log(examData); const [endBox, setEndBox] = useState(false); //getData after refresh------------------------------------------- useEffect(() => { console.log(examData); if (!examData) { // alert("hooo"); startExam({ examId: id, }); } }, []); //active endBox================================ useEffect(() => { if(end){ setEndBox(true); } }, [end]); return (
{examData &&
} {examData && examData ( )} {examLoading && !examData && (
در حال گرفتن اطلاعات..
)} {endBox && (
جواب های شما با موفقیت ثبت شد.
نتیجه اولیه:
تعداد گزینه صحیح
تعداد گزینه غلط
تعداد گزینه بدون جواب
درصد
نمره ({end?.totalPoint})
{end?.correct}
{end?.incorrect}
{end?.notAnswerd}
{end?.percent}
{end?.point}
خروج از آزمون
)}
); }; const mapStateToProps = (state) => ({ examData: state.exam2.list, examLoading: state.exam2.loading, end: state.exam2.end, }); const mapDispatchToProps = { setAnswer: exam.setAnswer, endExam: exam.end, startExam: exam.start, }; export default connect(mapStateToProps, mapDispatchToProps)(Exam);