Reactでの配列データの取り出し方について

Question

前提・実現したいこと

stateに配列(defaultDataset)、呼び出したい値（現在はinit）を指定してクラスコンポーネントで扱おうとしたのですが、

const initDataset = this.state.dataset[this.state.currentId]

で指定してもデータを取得することができません。

https://youtu.be/EOlvkGIk5RE
こちらの動画を参考に進めていたのですが、動画ではエラーが出ていないのですが自分だけ出てきます。

Reactでのデータの受け取り方はこの書き方で合っているのでしょうか？
少し知恵を貸してもらえると嬉しいです。

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

TypeError: Cannot read property 'init' of undefined

  18 | 
  19 | initAnswer  = () => {
> 20 |   const initDataset(this.state.dataset[this.state.currentId])]
         const initAnswers = initDataset.answers;

         this.setState({answers:initAnswers})
       };
     | 
  22 | 
  23 | 

データを呼び出すクラスコンポーネント

import React from 'react';
import defaultDataset from './dataset';

export default class App extends React.Component {
   constructor(props){
     super(props);
     this.state = {
       currentId:'init',
       detaset: defaultDataset
     }
   }

  initAnswer  = () => {
    const initDataset = this.state.dataset[this.state.currentId]
    const initAnswers = initDataset.answers;

    this.setState({answers:initAnswers})
  };

  componentDidMount(){
     this.initAnswer()
  }
}

呼び出したいデータが入っているdataset.js

const defaultDataset = {
    "init": {
        answers: [
            {content: "仕事を依頼したい", nextId: "job_offer"},
            {content: "エンジニアのキャリアについて相談したい", nextId: "consultant"},
            {content: "学習コミュニティについて知りたい", nextId: "community"},
            {content: "お付き合いしたい", nextId: "dating"},
        ],
        question: "こんにちは！????トラハックへのご用件はなんでしょうか？",
    },
　　　"job_offer": {
        answers: [
            {content: "Webサイトを制作してほしい", nextId: "website"},
            {content: "Webアプリを開発してほしい", nextId: "webapp"},
            {content: "自動化ツールを作ってほしい", nextId: "automation_tool"},
            {content: "その他", nextId: "other_jobs"}
        ],
        question: "どのようなお仕事でしょうか？",
    },
}
export default defaultDataset;

試したこと

いろいろコードを書き直したりしたのですが

const initDataset = this.state.dataset[this.state.currentId]

やはりここでエラーが出てしまいます。

teratail初心者なので、何か不十分なところがあればコメントしてもらえると助かります。

Comments

[maisumakun]

どのようなエラーが出ましたか？

[bicLighter]

返信ありがとうございます。
```
TypeError: Cannot read property 'init' of undefined

18 |
19 | initAnswer = () => {
> 20 | const initDataset(this.state.dataset[this.state.currentId])]
const initAnswers = initDataset.answers;

this.setState({answers:initAnswers})
};
```
エラーメッセージはこのようになっています。
おそらく stateのcurrentIdで指定しているinitが読み込まれていないことが原因だと思うのです…
データ取得の際のコードが間違っているのでしょうか？

Answer 1

     this.state = {
       currentId:'init',
       detaset: defaultDataset
     }

// 中略

const initDataset = this.state.dataset[this.state.currentId]

datasetとdetasetでスペルが違います。

Comments

[bicLighter]

回答ありがとうございます。
ご指摘の通りスペルの間違いを変更したところエラーがなくなりました。
すごく初歩的なミスですね。反省します。。