reactjs - 当用户按下返回按钮时删除一些页面

Question

假设我要从组件 A -> 组件 B-> 组件 C -> 组件 D，现在当用户按下返回时，我必须从堆栈中删除组件 B 和组件 C，并且用户必须着陆组件 A。

我目前正在从每个组件导航是这样的：组件 A -> 组件 B

this.props.history.push({
              pathname: config.URL_COMPONENT_B,
            })

组件 B -> 组件 C

this.props.history.push({
              pathname: config.URL_COMPONENT_C,
            })

组件 C -> 组件 D

 this.props.history.push({
              pathname: config.URL_COMPONENT_D,
            })

现在，当用户按回时，我将导航回组件 D -> 组件 C-> 组件 B -> 组件 A

我知道这是通常的行为！

然后当用户从组件 C 转到组件 D 时我尝试了什么，我尝试使用

 this.props.history.replace({
              pathname: config.URL_COMPONENT_D,
            })

但它也不起作用！任何建议

标签： reactjs