在组件didUpdate中，react获取div clientWidth返回null

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.divRef = React.createRef();
  }

  componentDidUpdate() {
    const divElement = this.divRef.current;
    if (divElement) {
      const clientWidth = divElement.clientWidth;
      // 进行相应的操作
    }
  }

  render() {
    return <div ref={this.divRef}>Content</div>;
  }
}

class MyComponent extends React.Component {
  componentDidUpdate() {
    const divElement = document.getElementById("myDiv");
    if (divElement) {
      const clientWidth = divElement.clientWidth;
      // 进行相应的操作
    }
  }

  render() {
    return <div id="myDiv">Content</div>;
  }
}

class MyComponent extends React.Component {
  componentDidUpdate() {
    const divElement = document.getElementById("myDiv");
    if (divElement && divElement.style.display !== "none") {
      const clientWidth = divElement.clientWidth;
      // 进行相应的操作
    }
  }

  render() {
    return <div id="myDiv" style={{ display: "block" }}>Content</div>;
  }
}