Итак, я создаю приложение, в котором мне нужно задать пользователю неизвестное количество вопросов, это может быть 5 или может быть 50, нет смысла делать 50 экранов. У меня есть 4 типа вопросов, и это будет 4 компонента. И я хочу оставить все 5 -... вопросов на одном экране, но они должны измениться, когда я нажимаю «ДАЛЕЕ». Это вообще хороший подход и как это сделать? Просто объяснение, вам не нужно беспокоиться о написании всего кода. А есть ли другой подход к этому?
Если вам нужна дополнительная информация, прокомментируйте.
Спасибо!
в нижней части страницы есть полный пример
Спасибо за ссылку проверю



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете сделать условный рендер. В зависимости от значения вашего состояния верните другой компонент для рендеринга и каждый раз, когда вы нажимаете следующее, обновляйте свое состояние. Таким образом, вам не нужно менять экраны.
render () {
swtich(this.state.questionType) {
case 1: return <Quest01 />
case 2: return <Quest02 />
.
.
.
}
}
Если состояние: 1, и он показывает вопрос 1, скажем, когда состояние: 2, будет ли он удален вопрос 1 и покажет вопрос 2?
Я имею в виду, это выглядит идеально
попробуйте посмотреть этот sitepoint.com/simple-javascript-quiz может вам это поможет