如何在ReactJS中实现多步导航/过滤器表单?

时间:2018-05-10 13:10:17

标签: javascript reactjs ecmascript-6 jsx

我刚开始使用ReactJS。我有3个由li元素组成的列表。

第二个列表中填充了选项,具体取决于用户从第一个列表中选择的选项。同样,第三个列表会根据第二个列表中选择的内容填充选项,因此这是一个三步过程。

到目前为止,我有两个组件,' FilterForm'和' StepTwo'。

我根据用户从第一个列表中选择的内容填充了第二个列表。

我正在寻找指导/建议如何实施第三个列表的填充?

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我建议保持FilterForm状态的两种选择,下拉1和2。

this.state = { selectedOptionLevel1: '' , selectedOptionLevel2: ''};

并处理第二次下拉单击以更新处于状态的selectedOptionLevel2,这将导致第三次下拉以重新呈现