reactjs中的jquery libs加载速度较慢

Question

我正在使用react和jquery步骤，我在我的渲染方法中有这个

<div refs="checkboxContainer" id='wizard-1'>
<h1>First Step</h1>
<div>
<LoremIpsum query='5s' />
</div>
<h1>Second Step</h1>
<div><LoremIpsum query='5s' /></div>
</div>

我在componentDidMount

中有这个

$('#wizard-1').steps({
    autoFocus: true
})

问题是页面在第一次呈现这样的时间

然后它就像我想要的那样呈现

我知道发生了这种情况，因为它首先呈现，然后在componentDidMount中呈现组件之后jquery步骤工作， 我不希望这种情况发生，我希望它从头开始渲染为第二张图片。

Answer 1

您是否从远程源加载jQuery？这可能由于很多原因而发生，但是如果你从外部源加载某些东西并且需要花费一些时间来加载或者可能会发生在中间加载某些东西，你甚至可以注意到，对于某些网站，当样式在某个时候加载并且网站看起来很乱，我会说你可以隐藏div并在应用这些步骤后或在应用这些步骤之前显示它们。