React JS-在移动设备上检测更改方向

Question

我想检测移动设备上的方向变化，并使用clientHeight动态设置标题高度。我看到我具有window.orientation属性，但是如何检查何时更改了设备的方向？每当方向改变时，我都想写一些代码。我正尝试通过调整大小事件检查方向，但这不是我想要的方式。

resize = () => {
    console.log(window.orientation);
    const header = document.querySelector('header');
    let height = document.documentElement.clientHeight + 'px';
    header.style.height = height;
  };
  componentDidMount() {
    window.addEventListener('resize', this.resize);
  }
  componentWillUnmount() {
    window.removeEventListener('resize', this.resize);
  }

编辑

如何检查js中的 ORIENTATION 更改事件而不是 RESIZE 事件。当我在移动设备上更改方向时，我想仅在更改方向时更改标题上的高度。调整大小时，只要显示或隐藏浏览器上的菜单，标题的高度都会更改。