我正在开发一个大型的React / Redux应用程序。它在chrome和amp;中呈现没有问题。 firefox,但就在最近我发现,在对区域进行大量重绘(选择新的选项卡式视图)后,某些样式在几秒钟内(或有时根本不会)正确渲染几个元素。 CSS全部预先加载,所以它不等待加载CSS。
导致问题的区域是“图库”视图,一次显示50个项目,如果存在缩略图,则显示为collection.map(renderItem)
。如果我删除调用渲染单个项目并只渲染区域,则样式会正确加载(它主要是未进行样式设置的区域标题)。替换项目后,区域标题样式在完成所有单个项目加载之后才会显示。此外,在第一次加载项目时,样式需要一秒钟才会显示,但如果我再切换到另一个视图然后再次返回到库视图,则标题会显示为无样式,当您在检查器中选择它时,突出显示在页面上,就像未设置样式的元素未连接到dom树元素一样。
我正在考虑尝试进行渐进式渲染,但即使我一次只加载一两个项目,样式也会破坏。
任何人都可以帮助弄清楚为什么样式无法正确渲染?