React Nativeで、拡張性のあるクイズアプリ簡易版を作成する③

選択肢の順番が固定→変更を目指します。

export const problemArrayData = [

  {

    id: 1,

    correctAnswer: "b",

    problemText:

      "日本で一番大きな湖は？\r\na. 宍道湖 b. 琵琶湖 c. 十和田湖 d. 浜名湖",

    explanationSentence: "当然、琵琶湖が日本一大きい湖である",

  },

上記を下記へ変更します。

export const problemArrayData = [

  {

    id: 1,

    correctAnswer: "琵琶湖",

    problemText:

      "日本で一番大きな湖は？",

    choices: ["宍道湖","琵琶湖","十和田湖","浜名湖"],

    explanationSentence: "当然、琵琶湖が日本一大きい湖である",

  },

必要になってくるのは、

①文字列の連結

②配列要素の順番をランダムに入れ替える

③文字列比較