当前位置:Gxlcms > JavaScript > React根据宽度自适应高度实例分享

React根据宽度自适应高度实例分享

时间:2021-07-01 10:21:17 帮助过:49人阅读

有时对于响应式布局,我们需要根据组件的宽度自适应高度。CSS无法实现这种动态变化,传统是用jQuery实现。本文主要介绍了React根据宽度自适应高度的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

而在React中无需依赖于JQuery,实现相对比较简单,只要在DidMount后更改width即可。

Try on Codepen

需要注意的是在resize时候也要同步变更,需要注册个监听器


参考资料

React生命周期

相关推荐:

JavaScript 处理Iframe自适应高度(同或不同域名下)

DIV+CSS布局中自适应高度的解决方法

移动端自适应高度下文字如何居中

以上就是React根据宽度自适应高度实例分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行