获取即将推出的 CSS 过渡属性

Get the upcoming CSS transition properties

我正在用 React 构建一个接口,我想在更改 class.

后获取 div 容器的属性(clientWidth 和 clientHeight)

主要问题是 width/height 属性有 0.2s 的 CSS 转换,所以每当我尝试检测(未来)DOM 修改时,感谢 React (使用 componentDidMount)或使用 MutationObserver,我在转换开始前获得了 clientWidth 和 clientHeight。

理想情况下,我希望获得过渡后即将应用的属性,这样我就可以重新渲染子组件并为它们提供未来需要的 width/height。

请问有什么好的方法吗? 我提前谢谢你:)

您可以为 css 转换结束编写触发器:https://davidwalsh.name/css-animation-callback

所以您可以等待高度和宽度检测,直到触发此事件。