Reactjs 中的 jquery 库加载速度较慢

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
})

问题是页面一开始是这样渲染的，持续了几秒钟

然后它就会按照我想要的方式呈现

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

Answer 1

您是否从远程源加载 jQuery？发生这种情况的原因有很多，但如果您从外部源加载某些内容，并且需要一些时间才能加载，或者某些内容可能会在中间阻止加载，您甚至可以注意到，对于某些网站，当样式在一段时间后加载时，网站会显得困惑，我想说你可以隐藏 div 并在应用步骤之后或应用步骤之前显示它们。