import React, { Component } from 'react';

class Answer extends Component {
  constructor(){
    super();
    // Binding handleChange to 'this'
    this.handleChange = this.handleChange.bind(this);
  }
  handleChange(e) {
    // Using the passed method setAnswer to set the answer.
    this.props.setAnswer(e.target.value, this.props.question);
  }
  render() {
    return (
      <li className="wpqr-answer">
        <label>
          <input type="radio" onChange={this.handleChange} name={this.props.question} value={this.props.index} />
          { this.props.answer }
        </label>
      </li>
    );
  }
}

export default Answer;