Commit d8653078 authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

a

parent 1eaa8274
...@@ -15,13 +15,31 @@ class Quiz extends React.Component { ...@@ -15,13 +15,31 @@ class Quiz extends React.Component {
// this.setAnswer = this.setAnswer.bind(this) // this.setAnswer = this.setAnswer.bind(this)
this.setQuestion = this.setQuestion.bind(this) this.setQuestion = this.setQuestion.bind(this)
this.ShowQuiz = this.ShowQuiz.bind(this) this.ShowQuiz = this.ShowQuiz.bind(this)
this.state = { ...question[0], i: 0, v: "", r: 0, c: "" } this.state = {
...question[0],
i: 0,
page: 0,
list: ""
}
} }
ShowQuiz() { ShowQuiz() {
this.setState({ r: 1 }) let list = this.state.Choose.map((a) =>
<div>
<input type="radio" name={a} id={a} value={a} />
<label for={a}>{a}</label>
</div>)
this.setState({ page: 1, list: list })
} }
setQuestion() { setQuestion() {
this.setState({ ...question[this.state.i + 1], i: this.state.i + 1, v: "" })
this.setState({ ...question[this.state.i + 1], i: this.state.i + 1 })
let list = this.state.Choose.map((a) =>
<div>
<input type="radio" name={a} id={a} value={a} />
<label for={a}>{a}</label>
</div>)
this.setState({ list: list })
} }
// setAnswer(e) { // setAnswer(e) {
// question[this.state.i]["A"] = e.target.value // question[this.state.i]["A"] = e.target.value
...@@ -30,8 +48,8 @@ class Quiz extends React.Component { ...@@ -30,8 +48,8 @@ class Quiz extends React.Component {
// console.log(question) // console.log(question)
// } // }
render() { render() {
if (this.state.r === 1) { if (this.state.page === 1) {
if (this.state.i === 3) { if (this.state.i === question.length) {
return ( return (
<div> <div>
<h2>수고하셨습니다!</h2> <h2>수고하셨습니다!</h2>
...@@ -42,24 +60,15 @@ class Quiz extends React.Component { ...@@ -42,24 +60,15 @@ class Quiz extends React.Component {
return ( return (
<div className="Quiz"> <div className="Quiz">
<h2>Q:{this.state.Q}</h2> <h2>Q:{this.state.Q}</h2>
<div> {this.state.Choose[0]}</div> <div>
<div> {this.state.Choose[1]}</div> </div>
<div> {this.state.Choose[2]}</div>
<div> {this.state.Choose[3]}</div>
<div className="App"> <div className="App">
정답을 입력하세요 정답을 입력하세요
<select>
<option hidden disabled selected>정답선택</option>
<option value={this.state.Choose[0]}></option>
<option value={this.state.Choose[1]}></option>
<option value={this.state.Choose[2]}></option>
<option value={this.state.Choose[3]}></option>
</select>
</div> </div>
{/* <div> {/* <div>
<input type="text" value={this.state.v} name="A" onChange={this.setAnswer} /> <input type="text" value={this.state.v} name="A" onChange={this.setAnswer} />
</div> */} </div> */}
<button type="button" onClick={this.setQuestion}>다음 문제로</button> <button type="button" onClick={this.setQuestion}>다음</button>
</div> </div>
) )
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment