not definedエラー

Question

React初心者です
こちらの画面にて

./src/App.jsx
  Line 27:49:  'answers' is not defined  no-undef

とのエラーが出ていて、
同じ様に値をとって使っているquestionには
エラーが起きていないのですがなぜかアンサーにはエラーが起こります

App.jsx

import React from 'react';
import defaultDataset from './dataset'
import'./assets/styles/styles.css'
import {AnswersList,Chats} from "./components/index"

export default class App extends React.Component{
  constructor(props){
    super(props);
    this.state= {
      answers: [],  定義している？？　しかし、なぜquestionがないのでしょうか
      chats: [],
      current: "init",
      dataset: defaultDataset,
      open: false,
    }
    this.selectAnswer = this.selectAnswer.bind(this)
  }

  displayNextQuestion = (nextQuestionId) => {
  const chats = this.state.chats
  chats.push({ 
    text: this.state.dataset[nextQuestionId].question,
    type: 'question',
  })

  this.setState({
    answers: this.state.dataset[nextQuestionId],answers,　エラー部分
    chats: chats,
    currentId: nextQuestionId
  })
  }

selectAnswer = (selectedAnswer, nextQuestionId) =>{
 switch(true){
   case(nextQuestionId === 'init'):
   this.displayNextQuestion(nextQuestionId)
     break;
   default: 

  const chats = this.state.chats
  chats.push({
    text: selectedAnswer,
    type: 'answer'
  })

  this.setState ({
    chats: chats
  });
    this.displayNextQuestion(nextQuestionId)
     break;
 }
}

  componentDidMount() {
    const initAnswer = ""
   this.selectAnswer(initAnswer, this.state.currentId)
  }

  render(){
    return (
      <section className="c-section">
       <div className="c-box">
        <AnswersList  answers={this.state.answers} select= {this.selectAnswer}/>
        <Chats chats={this.state.chats}/>
       </div>
      </section>
    );
  }
}

Answer 1

answers: this.state.dataset[nextQuestionId],answers,　エラー部分

.が,になっていませんか？

answers: this.state.dataset[nextQuestionId].answers,

Comments

[tomsuma]

大変失礼しました、