api call to get choices on front end and display all choices

relates to #8

Author: Gbaja

client/src/components/Binary/Choices_appear.js

@@ -1,9 +1,37 @@
 import React, { Component } from "react";
 import { browserHistory } from "react-router";
+import axios from "axios";
 
 class ChoicesAppear extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      choices: []
+    };
+  }
+
+  componentDidMount() {
+    const id = this.props.match.params.trialId;
+    axios
+      .get(`/choices/${id}`)
+      .then(res => {
+        this.setState({ choices: res.data });
+      })
+      .catch(err => {
+        console.log(err);
+      });
+  }
   render() {
-    return <div>choices... you have got to pick!</div>;
+    return (
+      <div>
+        {this.state.choices.map((data, index) => (
+          <div key={index}>
+            <p>{data.Choices_left}</p>
+            <p>{data.Choices_right}</p>
+          </div>
+        ))}
+      </div>
+    );
   }
 }
 

client/src/components/Binary/Trial_form.js

@@ -12,7 +12,6 @@ class Trial_form extends Component {
   handleChange = event => {
     const target = event.target;
     this.setState({ trialId: randomId(), [target.name]: target.value });
-    console.log("state: ", this.state);
   };
 
   handleSubmit = event => {