l

src/AdminQuiz.js

@@ -6,9 +6,15 @@ let savechoose = {}
 
 function AdminQuiz(props) {
 
-    const [question, setQuestion] = useState('')
-    const [choose, setChoose] = useState('')
-    const [answer, setAnswer] = useState('')
+    const [question, setQuestion] = useState(props.data.Q)
+    // setQuestion(props.data.Q)
+    // question = props.data.Q
+    const [choose, setChoose] = useState(props.data.Choose)
+    // setChoose(props.data.Choose)
+    // choose = props.data.Choose
+    const [answer, setAnswer] = useState(props.data.A)
+    // setAnswer(props.data.A)
+    // answer = props.data.A
     const [selectOption, setselectOption] = useState(1)
 
 
@@ -35,7 +41,7 @@ function AdminQuiz(props) {
                         <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)} value={choose[selectOption]} placeholder={(selectOption + 1) + '번 보기를 입력하세요'} onChange={handleChangeChoose} />              
             </div>
         )
         setselectOption(selectOption + 1)
@@ -79,7 +85,7 @@ function AdminQuiz(props) {
                             <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="보기를 입력하세요" onChange={handleChangeChoose} />
                     </div>
                     {list.map((element) => element)}
                     <button className="btn btn-outline-secondary btn-sm" onClick={addSelectOption}>+</button>