回答編集履歴

 

  1. `switch (stepIndex)` の `case 1:`でreturnしていたコンポーネント全体を、個別のコンポーネント `Questionnaire` として切り出したこと

  2. `Content` のstate として、アンケートの各設問の回答を配列`answers`を持たせるようにして、この配列と配列を更新する関数 `setAnswers`を props 経由で、`Questionnaire`コンポーネントまで渡すようにしたこと

 

  です。

 

  return ["お客様の情報を入力してください", "以下にお答えください", "ご相談ください"];

  }

 

  switch (stepIndex) {

  case 0:

  return (

  ) : (

  <div>

  <Typography>

  stepIndex={activeStep}

  questionnaireProps={{ answers, setAnswers }}

  />

  );

  }

  export default Content;

  ```