从纵向导航到横向浏览时,componentDidUpdate在Safari浏览器中不起作用

时间:2018-10-08 10:26:19

标签: reactjs

在iPhone 6 Safari浏览器中从纵向导航到横向时,未调用

var userRoles = userRolesName.Where(x=>userRolesName.Contain(x.Name)); 生命周期方法。谁能告诉我是否有解决方法?

1 个答案:

答案 0 :(得分:0)

我还没有尝试过,但是应该可以

constructor() {

  window.addEventListener('orientationchange', this.onOrientationChange);

  this.state = {
    orientation: null
  }

}

onOrientationChange = () => {
    switch(window.orientation) {  
      case -90 || 90:
        this.setState({orientation: 'landscape'})
        break; 
      default:
      this.setState({orientation: 'portrait'})
        break; 
    }
}

componentDidUpdate() {
  console.log('componentDidUpdate called', this.state.orientation)
}

看看那个answer