QuizQuestionButton

src/QuizQuestion.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import QuizQuestionButton from './QuizQuestionButton.js'
 
 class QuizQuestion extends Component {
 
@@ -10,7 +11,7 @@ class QuizQuestion extends Component {
                </section>
                <section className="buttons">
                  <ul>
-                   <li>{this.props.quiz_question.answer_options[0]}</li>
+                     <QuizQuestionButton button_text={this.props.quiz_question.answer_options[0]}></QuizQuestionButton>
                  </ul>
                </section>
              </main>

src/QuizQuestionButton.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react'
+
+class QuizQuestionButton extends Component {
+
+    render(){
+        return (
+               <li><button>{this.props.button_text}</button></li>
+            )
+
+    }
+}
+
+export default QuizQuestionButton