在IE中的React应用程序中,样式滞后几秒钟

时间:2016-03-21 20:00:24

标签: css internet-explorer reactjs internet-explorer-11 redux

我正在开发一个大型的React / Redux应用程序。它在chrome和amp;中呈现没有问题。 firefox,但就在最近我发现,在对区域进行大量重绘(选择新的选项卡式视图)后,某些样式在几秒钟内(或有时根本不会)正确渲染几个元素。 CSS全部预先加载,所以它不等待加载CSS。

导致问题的区域是“图库”视图,一次显示50个项目,如果存在缩略图,则显示为collection.map(renderItem)。如果我删除调用渲染单个项目并只渲染区域,则样式会正确加载(它主要是未进行样式设置的区域标题)。替换项目后,区域标题样式在完成所有单个项目加载之后才会显示。此外,在第一次加载项目时,样式需要一秒钟才会显示,但如果我再切换到另一个视图然后再次返回到库视图,则标题会显示为无样式,当您在检查器中选择它时,突出显示在页面上,就像未设置样式的元素未连接到dom树元素一样。

我正在考虑尝试进行渐进式渲染,但即使我一次只加载一两个项目,样式也会破坏。

任何人都可以帮助弄清楚为什么样式无法正确渲染?

0 个答案:

没有答案