我目前正在开发一个基于React的小部件，该小部件可以嵌入到任何网站中。不幸的是，我不知道小部件的父容器div的宽度是多少。
因此，该小部件可以在27英寸的屏幕上，平板电脑上200px宽的侧边栏等中全屏显示。
幸运的是，我在窗口小部件中只需要两个“断点”： lg 和 sm 。
现在我看到了两个挑战：
1）检测和存储
我应该在哪里检测窗口小部件的宽度（即使调整大小），又应该在哪里存储有关当前宽度/断点的信息？我应该给小部件的包装容器一个CSS类，还是将信息存储在redux / helper-class / ...？
2）如何使用唯一的类名处理CSS类
为了避免与网站上的其他类冲突，我使用css-loader的localIdentName选项。
如果要在包装容器中添加.app-lg，如何以任何组件的样式（由于localIdentName）选择该类名？
谢谢！