javascript - 如何在 React Native 中创建基于无限问题的应用程序

Question

所以我正在构建一个应用程序，我需要向用户询问未知数量的问题，可以是 5 个也可以是 50 个，制作 50 个屏幕是没有意义的。我有 4 种类型的问题，那将是 4 个组成部分。我想将所有 5-... 问题都保留在单个屏幕上，但是当我按“下一步”时它们需要更改。这是好方法吗，如何做到这一点？只是解释一下，您不必费心编写所有代码。如果还有其他方法呢？

如果您需要更多信息，请发表评论。

谢谢!

Answer 1

您可以进行条件渲染。根据你的状态值，返回一个不同的组件来渲染，每次你按下 next 更新你的状态。这样您就不需要更换屏幕。

render () {
 swtich(this.state.questionType) {
    case 1: return <Quest01 />
    case 2: return <Quest02 />
    .
    .
    .
  }
}