react 组件初始化获取 dom.offsetWidth 为 0 问题

最新推荐文章于 2024-04-26 22:14:41 发布

HaanLen

最新推荐文章于 2024-04-26 22:14:41 发布

阅读量359

点赞数 4

分类专栏： React全家桶系列文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40119412/article/details/136503098

版权

React全家桶系列专栏收录该内容

49 篇文章 13 订阅

订阅专栏

初始化，dom.offsetWidth 确实为 0.

解决

let timer;

const PageA = () => {
  const [count, setCount] = useState(0);

  const widthFun = () => {
    // 当无法使用ref获取时，只好使用原生方法
    const [formDom] = document.getElementsByClassName('needed-form');
    const formWidth = formDom?.offsetWidth;
  };

  useEffect(() => {
    timer = setTimeout(() => {
      filterItemHidden();
    }, 0);
    window.addEventListener('resize', widthFun);
    return () => {
      window.removeEventListener('resize', widthFun);
      clearTimeout(timer);
    };
  }, []);

  return <div></div>;
};