使用antd的steps。代码如下,没有报错
<Steps>
<Step status="finish" title="第一步" icon={<Icon type="user" />} />
<Step status="finish" title="第二步" icon={<Icon type="environment-o" />} />
<Step status="finish" title="第三步" icon={<Icon type="environment-o" />} />
<Step status="process" title="第四步" icon={<Icon type="smile-o" />} />
</Steps>
渲染结果:
问题是他每次都是都是延迟显示(大约100ms吧)。
这样用户体验很不好,先打印各个生命周期,发现只执行了三个:
于是我从componentDidMount开始debugger,(此时其他部分都已经渲染好了只有steps没有渲染),并截取了部分关键的源码,希望大佬们看看为什么
终于在这张图的35628行渲染了。但是为什么不知行生命周期函数呢?顺便截了下一张图
麻烦大佬们看看,很不解为什么会延迟渲染,有不执行生命周期函数