.

src/AdminQuiz.js

-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 
 let list = []
 
@@ -6,44 +6,52 @@ let QnAadmins = []
 let QnAadmin = {}
 let savechoose = {}
 
-function AdminQuiz() {
-
+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(
             <div className="input-group">
                 <div className="input-group-prepend">
                     <div className="input-group-text">
-                        <input type="radio" name="answer" />
+                        <input type="radio" checked={false} name="answer" />
                     </div>
                 </div>
-                <input type="text" class="form-control"  id={String(selectOption + 1)}  placeholder="보기를 입력하세요" onChange={handleChangeChoose} />
+                <input type="text" class="form-control" id={String(selectOption + 1)} placeholder={c[1]} onChange={handleChangeChoose} />
             </div>
         )
         setselectOption(selectOption + 1)
@@ -61,12 +69,13 @@ function AdminQuiz() {
             alert('정답이 입력되지 않았습니다.')
         }
         else {
-            console.log(QnAadmin)
-            QnAadmin['Choose']=Object.values(savechoose)
+            // 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)
+            // console.log(QnAadmins)
             alert('입력이 완료되었습니다.')
         }
 
@@ -77,29 +86,31 @@ function AdminQuiz() {
 
     return (
         <div className="" id="Quiz1">
-            <h2 className="p-3 border text-center">문제만들기</h2>
+            <h2 className="p-3 border text-center">{String(props.QuizNum)}번 문제만들기</h2>
             <div className="p-3 borber">
                 <div className="p-3 ">
                     <span className="font-weight-bold mr-2 h3">1. 문제 입력하기</span>
-                    <input type="text" className="form-control" onChange={handleChangeQuestion} placeholder="문제를 입력하세요" />
+                    <input type="text" id="inputQuiz" className="form-control" value={question} onChange={handleChangeQuestion} placeholder={q} />
                 </div>
                 <div className="p-3 ">
                     <span className="font-weight-bold mr-2 h3">2. 보기 입력하기</span>
+                    <div className="p-3 ">
                     <div className="input-group">
                         <div className="input-group-prepend">
                             <div className="input-group-text">
-                                <input type="radio" id={selectOption} name="answer" />
+                            <input type="radio" checked={false} name="answer" />
                             </div>
                         </div>
-                        <input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangeChoose} />
+                        <input type="text" className="form-control" id='1' value={choose} placeholder={c[0]} onChange={handleChangeChoose} />
                     </div>
                     {list.map((element) => element)}
                     <button className="btn btn-outline-secondary btn-sm" onClick={addSelectOption}>+</button>
                 </div>
+                </div>
 
                 <div className="p-3 ">
                     <span className="font-weight-bold mr-2 h3">정답:</span>
-                    <input type="text" onChange={handleChangeanswer} placeholder="정답을 입력하세요" />
+                    <input type="text" value={answer} onChange={handleChangeanswer} placeholder={a} />
                 </div>
 
                 <label for="inputLogin" className="d-flex justify-content-center">

src/compare.js

-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
+// import Admin from './Admin'
 
 let list = []
 
 let QnAadmins = []
 let QnAadmin = {}
+let savechoose = {}
 
-let c = {}
-
-
-function AdminQuiz() {
-
+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) => {
-        c[event.target.id] = event.target.value
-
-        // QnAadmin['Choose'] = event.target.value
-
+        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(
             <div className="input-group">
                 <div className="input-group-prepend">
                     <div className="input-group-text">
-                        <input type="radio" name="answer" />
+                        <input type="radio" checked={false} name="answer" />
                     </div>
                 </div>
-                <input type="text" class="form-control"  id={String(selectOption + 1)}  placeholder="보기를 입력하세요" onChange={handleChangeChoose} />
+                <input type="text" class="form-control" id={String(selectOption + 1)} placeholder={c[1]} onChange={handleChangeChoose} />
             </div>
         )
         setselectOption(selectOption + 1)
@@ -64,44 +70,46 @@ function AdminQuiz() {
             alert('정답이 입력되지 않았습니다.')
         }
         else {
-            console.log(QnAadmin)
-            QnAadmin['Choose']=Object.values(c)                                                                                                                                                                                                           
-
+            // 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)
+            // setselectOption(1)
             alert('입력이 완료되었습니다.')
         }
 
     }
 
-    // function handleChangeQuestion(){}
-
-
     return (
         <div className="" id="Quiz1">
-            <h2 className="p-3 border text-center">문제만들기</h2>
+            <h2 className="p-3 border text-center">{String(props.QuizNum)}번 문제만들기</h2>
             <div className="p-3 borber">
                 <div className="p-3 ">
-                    <span className="font-weight-bold mr-2 h3">1.</span>
-                    <input type="text" className="form-control" onChange={handleChangeQuestion} placeholder="문제를 입력하세요" />
+                    <span className="font-weight-bold mr-2 h3">1. 문제 입력하기</span>
+                    <input type="text" id="inputQuiz" className="form-control" value={question} onChange={handleChangeQuestion} placeholder={q} />
                 </div>
+                <div className="p-3 ">
+                    <span className="font-weight-bold mr-2 h3">2. 보기 입력하기</span>
                     <div className="p-3 ">
                         <div className="input-group">
                             <div className="input-group-prepend">
                                 <div className="input-group-text">
-                                <input type="radio" id={selectOption} name="answer" />
+                                    <input type="radio" checked={false} name="answer" />
                                 </div>
                             </div>
-                        <input type="text" className="form-control" id='1' placeholder="보기를 입력하세요" onChange={handleChangeChoose} />
+                            <input type="text" className="form-control" id='1' value={choose} placeholder={c[0]} onChange={handleChangeChoose} />
                         </div>
                         {list.map((element) => element)}
                         <button className="btn btn-outline-secondary btn-sm" onClick={addSelectOption}>+</button>
                     </div>
+                </div>
 
                 <div className="p-3 ">
                     <span className="font-weight-bold mr-2 h3">정답:</span>
-                    <input type="text" onChange={handleChangeanswer} placeholder="정답을 입력하세요" />
+                    <input type="text" value={answer} onChange={handleChangeanswer} placeholder={a} />
                 </div>
 
                 <label for="inputLogin" className="d-flex justify-content-center">