Stateのデータを更新して使用したいです（React Native）

Question

React Nativeの初心者です。
○×問題集アプリを以下のような仕組みで作ろうと考えています。

①問題を○か×で回答する。
stateで「number=0」という値を宣言していて、配列からnumberの数字に該当する問題を呼び出します。
②回答ボタンをタップすることでSetStateでnumberの数字を+1して、配列から新しい問題を呼び出します

しかし、一度問題を回答すると、numberが0にリセットされているようで、第１問→第２問までは進みますが、第３問に進むことができません。
第１問（number=0）から+1を繰り返していると推測します。

stateのデータを更新して使用したいです。
（numberを0、1、2、3・・・と更新して＋したい）
プログラムの問題点をご教示いただけましたら幸いです。

そもそもstate、setStateを使用して構築するものでない・・・ということでしたら失礼いたします。

import React, {Component} from 'react';
import { StyleSheet, View, Text, Button, Alert } from 'react-native';

/* 問題、解答、解説の配列*/
const question = [
  ['第１問の問題です',1,'解説を記載します'],
  ['第２問の問題です',2,'解説を記載します'],
  ['とても長い文章を',2,'解説を記載します']
];

/* 問題のレイアウト*/ 
export default class App extends Component {
  
  constructor(props){
    super(props);
    this.state = {number: 0};
  }

  render (){
    return (
      <View style={styles.base}>
        <View style={{flex: 1}}></View>
        <View style={{flex: 3}}>
          <Text style={styles.title}>'問題：'{question[this.state.number][0]}</Text>
        </View>
        <View style={{flex: 2}}>
          <View style={{flexDirection:'row'}}>
            <View style={styles.buttonContainer}>
              <Button title='○' onPress={this.doAction1}></Button>
            </View>
            <View style={styles.buttonContainer}>
              <Button title='×' onPress={this.doAction2}></Button>
            </View>
          </View>
        </View>
      </View>
    );
  }

  /* 関数、○を選択した際の処理 */
  doAction1 = ()=>{
    if (question[this.state.number][1] == 1) {
      Alert.alert('正解です！',question[this.state.number][2]);
    }
    else {
      Alert.alert('不正解です・・・',question[this.state.number][2]);
    }    
    this.setState({number: +1});    
  }

  /* 関数、×を選択した際の処理 */
  doAction2 = ()=>{
    if (question[this.state.number][1] == 2) {
      Alert.alert('正解です！',question[this.state.number][2]);
    }
    else {
      Alert.alert('不正解です・・・',question[this.state.number][2]);
    }    
    this.setState({number: +1});    
  }

}

/* スタイルシート */

const styles = StyleSheet.create({
  base: { flex:1, alignItems:'center', justifyContent: 'center'},
  title: {
    borderStyle:'solid',
    borderWidth:1,
    padding:10,
    margin:5,
    fontSize:24,
    color:'blue',  
  },
  buttonContainer: {
    height: 75,
    width: 75,
    padding: 10,
    borderWidth: 3,
    borderColor: "black",
    borderRadius: 10,    
    backgroundColor: 'blue',    
    margin: 5,
    fontSize:50
  }
})

Answer 1

未検証ながら、

   this.setState({number: +1});    

の部分が、

    this.state = {count:0,}
    this.setState({
      count: this.state.count + 1,
    })

のようなコードでカウントしていくのではないでしょうか。

Comments

[kaminiwa]

ありがとうございました！
無事3問目へと進むことができました！
seastar3様にご教示いただいたコードであればcount変数が常に新しいデータに変わる...という理解でよろしいでしょうか？

初心者の私でもすぐに解決できてとても助かりました。