React - 渲染完成后没有获得正确(动态)元素的大小

时间:2018-06-03 15:08:06

标签: css reactjs

我正在使用'react-graph-vis',我正在尝试将图形加载到相对位置和相对大小的框中。 (我将容器的大小设置为百分比..)

加载页面后,容器的大小合适,但图表不是。

当我调试代码时,图表被加载了容器的随机大小 - 每次都是不同的大小..我试图通过在图表之后取容器父亲的大小来动态设置图表的大小已加载 - 仍然不好 - 随机大小..

如果我正在设置超时(即使是非常短暂的时间),我的尺寸也会合适。但我不认为超时是解决这个问题的好办法。

我尝试使用requestAnumationFrame,正如其所说的here,但它仍无效。

我看到了一个开放的react issue about

另外,我遇​​到了类似的问题,但没有找到解决这个问题的好方法。

this问题中,正如Giles所写 - componentWillMount()对我不起作用。

我认为Zaptree的answer是对这种情况的解释,但没有解决方案:

  

可能出现的一个问题是您的CSS尚未加载   但是当componentDidMount触发时。这可能发生在webpack和   包括你的包中的css,即使包含你的js   您已将css包含在项目中的组件之前。

我读了一些与此问题相关的问题,但没有帮助:

对于example - 同样,容器的属性也不是正确的,正如我之前提到的那样。

0 个答案:

没有答案