如何使用动态步骤构建React向导

Question

我正在基于React，Redux和React Router V4构建向导。

挂载小部件时，我从API提取问题。所有这些问题应该是向导中的一个步骤。我不知道，向导将执行多少步骤。

开始时是一个欢迎步骤，最后，用户会看到一个谢谢您的网站。

用固定数量的步骤构建向导将很容易。我相信，只要您知道怎么做，就可以通过动态步骤构建向导。

我应该在哪里把逻辑放在A）获得下一个/上一个步骤/路线和B）导航到它？

Answer 1

您可以为向导创建一个容器组件，并使其基于props呈现步骤组件。 逻辑将放在一个单独的文件中，该文件将被导入到容器中。

在这种情况下，我建议使用redux-form或其他替代方法来管理表单状态。