import React from 'react'; // import logo from './logo.svg'; import './Quiz.css'; const question = [ { Q: "6 X 4 ?", Choose: [6, 12, 18, 24], A: "" }, { Q: "3 + 3 ?", Choose: [2, 4, 6, 8], A: "" }, { Q: "3 - 1 ?", Choose: [1, 2, 3, 4], A: "" } ] class Quiz extends React.Component { constructor(props) { super(props) // this.setAnswer = this.setAnswer.bind(this) this.setQuestion = this.setQuestion.bind(this) this.ShowQuiz = this.ShowQuiz.bind(this) this.state = { ...question[0], i: 0, v: "", r: 0, c: "" } } ShowQuiz() { this.setState({ r: 1 }) } setQuestion() { this.setState({ ...question[this.state.i + 1], i: this.state.i + 1, v: "" }) } // setAnswer(e) { // question[this.state.i]["A"] = e.target.value // this.setState({ v: e.target.value }) // console.log(this.state) // console.log(question) // } render() { if (this.state.r === 1) { if (this.state.i === 3) { return (

수고하셨습니다!

) } else { return (

Q:{this.state.Q}

① {this.state.Choose[0]}
② {this.state.Choose[1]}
③ {this.state.Choose[2]}
④ {this.state.Choose[3]}
정답을 입력하세요
{/*
*/}
) } } else { return (

Calculus

이름을 입력하세요 { console.log(event.target.value) }} />
) } } } export default Quiz;