import React, { useState, useEffect } from 'react'; let list = [] let QnAadmins = [] let QnAadmin = {} let savechoose = {} function AdminQuiz(props) { const [question, setQuestion] = useState('') const [choose, setChoose] = useState('') const [answer, setAnswer] = useState('') const [selectOption, setselectOption] = useState(1) const [q, setq] = useState('') const [c, setc] = useState([]) const [a, seta] = useState('') useEffect(()=>{ setQuestion('') if(props.data[props.QuizNum-1]){ setq(props.data[props.QuizNum-1].Q) setc(props.data[props.QuizNum-1].Choose) seta(props.data[props.QuizNum-1].A) } else { setq('보기를 입력하세요') setc(['보기를 입력하세요','보기를 입력하세요','보기를 입력하세요','보기를 입력하세요']) seta('보기를 입력하세요') } },[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) } 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 { // console.log(QnAadmin) QnAadmin['Choose'] = Object.values(savechoose) QnAadmin['N'] = String(props.QuizNum) QnAadmins.push(QnAadmin) QnAadmin = {} localStorage.setItem('QnA', JSON.stringify(QnAadmins)) // console.log(QnAadmins) alert('입력이 완료되었습니다.') } } // function handleChangeQuestion(){} return (

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

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