react移动端物理返回

159 阅读1分钟

场景分析

  • 1.在 A 页面点击【下一步】到 B 页面
  • 2.在 B 页面点击【下一步】到 C 页面,再由 B 页面返回到 D 页面
  • 3.不做任何控制,正常情况 B 页面物理返回是直接到 A 页面的

代码实现

在 B 页面控制物理返回到 D 且点击【下一步】到 C

// 下一步操作事件
next = () => {  
  this._next = true; // 关键点  
  this.props.history.push("C");
};
// 返回
componentWillUnmount(){    
  if (!this._next) {        
    this.props.history.push("D");    
  }
}