App.js

  renderFirstQuestion() {
    let answers = Object.keys(this.state.questions[0].answers)
    let images = this.state.questions[0].images
    let renderImages = Object.keys(images).map((image, index) => {
      return (
        <div>
          <FirstQuestion
            key={images[image] + index}
            imgSrc={images[image]} />
        </div>
      )
    })
    let renderedFirstQuestion = answers.map((answer, index) =>{
      return (
        <FirstQuestion
          key = {index + this.state.questions[0].question}
          findAnswer={this.findAnswer.bind(this)}
          updatePage={this.updatePageState.bind(this)}
          images = {this.state.questions[0].images}
          answer={answer}
        />
      )
    })
    return (
      <div>
        {this.state.questions[0].question}
        {renderImages}
        {renderedFirstQuestion}
      </div>
    )
  }

FirstQuestion.js

export default class FirstQuestion extends React.Component {
  render() {
    return (
      <div>
        <button onClick={() => this.props.findAnswer(this.props.answer)}>
          {this.props.answer}
        </button>
        <img className={styles.imgSize} src={this.props.imgSrc} />
      </div>
    )
  }
}