Как передать значение активной радиокнопки в массив для вывода на экран?

Question

[kopFFFF]

Привет всем! Я новичок в React и работаю над созданием простенького Quiz-виджета, но столкнулся с проблемой: нужно добавлять в массив ответов результат, который хранится в выбранной радиокнопке. Пишу на ReactJS. Заранее благодарен за помощь. Пример кода:
https://codesandbox.io/s/inspiring-mendel-0q2fq

Comments

[beDenz]

Вам нужен глобальный state, где будете хранить массив с ответами, смотрите в сторону useReducer, Redux или mobx

[kopFFFF]

beDenz, А можете привести пример в виде программного кода, пожалуйста?

[Петр Мухуров]

constructor() {
    super();
  }

За такое руки отбивать нужно. Перед тем, как юзать фреймворк, почитайте хотя бы Getting started.
После того, как ознакомитесь с основами, посмотрите, как пишется простой ToDo-list на React. Перенести идею простого ToDo-list'a на ваш "Quiz" проблем не составит

Answer 1

[Hlib]

В вашем случае, это довольно не очевидно, по сути вы убиваете суть компонентов, создавая кучу одинаковых классов с разным текстом.
Я бы не стал создавать отдельный класс для каждого вопроса, а составил объект, где хранил бы вопросы/варианты ответов
При клике на следующий вопрос, перерендеривал бы страницу, а выбранный ответ пушил в массив ответов, проще всего это выглядит вот так

Comments

[kopFFFF]

Hlib Пожалуйста, не могли бы Вы представить Ваше решение в виде кода хотя бы для одного-двух вопросов и отображения ответов на эти вопросы?