如何在不使用状态的情况下，在React JS中使用全局变量来呈现基于屏幕大小的<div>？

window.screenSize = {
  width: window.innerWidth,
  height: window.innerHeight
};

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const { width, height } = window.screenSize;
    
    let content;
    if (width > 768) {
      content = <div>大屏幕内容</div>;
    } else {
      content = <div>小屏幕内容</div>;
    }
    
    return (
      <div>
        {content}
      </div>
    );
  }
}

export default MyComponent;