Javascript 为什么我不应该在reactjs中使用getBoundingClientRect（）？

在我的最新项目中，我使用了

getBoundingClientRect（）

。 另一位React工程师告诉我，我不应该使用它，因为它与浏览器兼容。

---

这不应该由Webpack/Babel处理吗？

您可以在caniuse.com上查看浏览器对

getBoundingClientRect（）

（以及几乎所有其他内容）的支持

---

如您所见，

getBoundingClientRect（）

已经完成。但一定要阅读脚注。不要在返回的对象上使用

x

和

y

属性，这样您就没有问题了。

您可以在caniuse.com上查看浏览器对

getBoundingClientRect（）

（以及几乎所有其他内容）的支持

---

如您所见，

getBoundingClientRect（）

已经完成。但一定要阅读脚注。不要在返回的对象上使用

x

和

y

属性，这样您就没有问题了。

据我所知，Webpack默认情况下不会处理浏览器API的跨浏览器支持，为此您必须使用，但它们可能会增加包大小。根据您正在使用的功能，您可以使用目标多边形填充（仅用于一个或两个API），而不是通用多边形填充，请参阅

---

更具体地说，根据您打算使用的

getBoundingClientRect（）

，您可以查看

react measure

，这是一个非常好的获取组件大小信息的软件包。我发现它在处理高级react布局应用程序时非常有用，我在自己的可调整大小的布局组件中使用了它：。

据我所知，Webpack默认情况下不会处理浏览器API的跨浏览器支持，为此，您必须使用它，但它们可能会增加捆绑包大小。根据您正在使用的功能，您可以使用目标多边形填充（仅用于一个或两个API），而不是通用多边形填充，请参阅

更具体地说，根据您打算使用的

getBoundingClientRect（）

，您可以查看

react measure

，这是一个非常好的获取组件大小信息的软件包。我发现它在处理高级react布局应用程序时非常有用，我在自己的可调整大小的布局组件中使用了它：