React.jsのメソッド内関数でsetStateがundefinedになる

前提・実現したいこと

React.jsでアンケート機能を作っています。
ある処理を並行させたいためにコンポーネント内のメソッド中で関数を作り、その中でsetState()を行いたいのですが、undefinedとなってしまいます。

発生している問題・エラーメッセージ

TypeError: Cannot read property 'setState' of undefined

該当のソースコード

js
1import React from 'react';
2import axios from 'axios';
3class Form extends React.Component{
4  constructor(props) {
5    super(props);
6    this.state = {
7      q1: 0,
8      q2: 0,
9    };
10  }
11
12  setAnswer() {
13    //こちらは機能する
14    this.setState({q1: 1});
15
16    function setQ2() {
17      //こちらがundefinedに
18      this.setState({q2: 1});
19    }
20
21    setQ2();
22  }
23
24  render() {
25    return (
26      <div>
27        <button onClick={()=>{this.setAnswer()}}>セット</button>
28      </div>
29    );
30  }
31}
32export default Form;

試したこと

コンパイルは可能です。npm startした後のブラウザ上でボタンをクリックした際にエラーが発生します。
constructor内にbindを書けば可能ということで試しましたが、

  constructor(props){
    super(props);
    this.state = {
      q1: 0,
      q2: 0,
    };
    this.setAnswer = this.setAnswer.bind(this);
    //特に変わらず

    this.setAnswer.setQ2 = this.setAnswer.setQ2.bind(this);
    //TypeError: Cannot read property 'bind' of undefined
  }

上記の通り、setAnswerをbindしても変わらず（もともとsetAnswer直下ではsetState可能でした）、setQ2をbindした際はもちろんundefinedでした。