我有一个使用React组件的复杂网页,并且正在尝试将该页面从静态布局转换为响应更快,可调整大小的布局。但是,我一直遇到React的限制,并且想知道是否存在用于处理这些问题的标准模式。在我的特定情况下,我有一个使用display:table-cell和width:auto呈现为div的组件。
不幸的是,我无法查询组件的宽度,因为您无法计算元素的大小,除非将其实际放置在DOM(具有推论实际渲染宽度的完整上下文)中。除了将其用于诸如相对鼠标定位之类的事情之外,我还需要它来在组件内的SVG元素上正确设置宽度属性。
另外,当窗口调整大小时,如何在设置过程中将尺寸变化从一个组件传递到另一个组件?我们正在shouldComponentUpdate中进行所有第三方SVG渲染,但是您无法在该方法中设置自己或其他子组件的状态或属性。
是否有使用React处理此问题的标准方法?
除了沙发和解决方案,您还可以使用findDOMNode