import React, { useState, useEffect } from 'react'; let list = [] let QnAadmin = {} let savechoose = {} function AdminQuiz(props) { const [question, setQuestion] = useState(props.data.Q) const [choose, setChoose] = useState(props.data.Choose) const [answer, setAnswer] = useState(props.data.A) const [selectOption, setselectOption] = useState(1) // props.quizNum가 바뀔때마다 즉, Admin.js에서 퀴즈버튼을 바꿔누를때마다 useEffect가 발생하여 값을 업데이트 시켜줍니다. useEffect(() => { setQuestion(props.data.Q) setChoose(props.data.Choose) setAnswer(props.data.A) // eslint-disable-next-line }, [props.quizNum]) const handleChangeQuestion = (event) => { QnAadmin['Q'] = event.target.value setQuestion(event.target.value) } const handleChangeChoose = (event) => { savechoose[event.target.id] = event.target.value setChoose(event.target.value) console.log(event.target.value) } const handleChangeanswer = (event) => { QnAadmin['A'] = event.target.value setAnswer(event.target.value) } function addSelectOption() { list.push(
) setselectOption(selectOption + 1) } function handleClick() { if (!question) { alert('문제가 입력되지 않았습니다.') } else if (!choose) { alert('보기가 입력되지 않았습니다.') } else if (!answer) { alert('정답이 입력되지 않았습니다.') } else { QnAadmin['Choose'] = Object.values(savechoose) console.log(savechoose) console.log(QnAadmin.Choose) QnAadmin['N'] = String(props.quizNum) props.fn(QnAadmin) QnAadmin = {} alert('입력이 완료되었습니다.') } } return (

{String(props.quizNum)}번 문제만들기

1. 문제 입력하기
2. 보기 입력하기
{list.map((element) => element)}
정답:
) } export default AdminQuiz