首页 > react如何监听组件样式

react如何监听组件样式

比如说我要监听当前组件的宽度(style.width),当宽度改变时触发事件。
我应该怎么做?

找到一个开源组件可以监听宽度
react-component-resizable


请问你要怎么改变他的宽度?如果是调整Window的大小的话监听Window的onresize事件然后watch某个的width…其他的width更改请对事件源进行捕获,也是再触发后查看width。还有内部改变width监听的应该是offsetwidth


宽度不会自己变化吧,你应该监听引起宽度改变的事件,比如的windowresize


组件内部维护宽度改变,width 跟 state 关联,如果只是外部组件导致 width 变化,width 可以跟 props 关联,如果主动改变宽度,setState时手动触发。不然可以在组建生命周期合适时触发,比如componentWillUpdate时简单判断是否改变再触发。

【热门文章】
【热门文章】