import React, { useState } from 'react' import { Link, Redirect } from 'react-router-dom'; import Timer from 'react-compound-timer'; // 타이머쓰기위해 import import logo from './img_question.png' const QnA = [ { Q: "6 X 4 = ?", Choose: [6, 12, 18, 24], N: 1 }, { Q: "3 + 3 = ?", Choose: [2, 4, 6, 8], N: 2 }, { Q: "3 - 1 = ?", Choose: [1, 2, 3, 4], N: 3 } ] let a = localStorage.getItem('QnA') let b = JSON.parse(a) // let q=[] // let p =b.map((x)=>{ // q.push(x.A) // }) // localStorage.setItem("userAnswer",JSON.stringify(q)) // let c = b.map((x,index) =>{ // delete x.A // return {...x , N : index+1} // }) // const [z, setz] = useState({ // ...c[0] // }) let Answers = [0, 0, 0] localStorage.setItem('Answers', JSON.stringify(Answers)) let Solutions = [4, 3, 2] localStorage.setItem('Solutions', JSON.stringify(Solutions)) function Quiz() { const [question, setQuestion] = useState({ ...QnA[0] }) const [selected, setSelected] = useState("") //선택한 답을 보여줄 것 const [timeout, settimeout] = useState(false) let q = [] //빈 배열 console.log(b) b.map((x) => { //A만 꺼내서 q에 추가 q.push(x.A) }) console.log(q, b) localStorage.setItem("userAnswer", JSON.stringify(q)) //그걸 로컬에 저장 let c = b.map((x, index) => { //delete x.A //A 삭제 return { ...x, N: index + 1 } //N 추가 }) console.log(c) function handleQuestion() { setQuestion({ ...QnA[question.N] }) setSelected("") //페이지 넘어가면 selected 초기화 } let handleChange = (ev) => { setSelected(ev.target.value) //selected값 변경 Answers[question.N - 1] = Number(ev.target.id) + 1 localStorage.setItem('Answers', JSON.stringify(Answers)) } return ( <>