如何知道React懒加载组件是否正在运行？React js

Question

如何知道React懒加载组件是否正在运行？React js

4

我正在使用 react lazy load component npm 库，如何知道它是否正常工作？我已经使用了在 react lazy load component 库文档中提供的 onContentVisible。即使没有滚动，在开发者工具中，网络选项卡显示已发送 84 个请求，这是我的网页的最大请求量。我该如何找出问题所在？

- Harish Kulkarni

你是否使用任何Node模块来实现React懒加载组件或React.lazy？ - Varit J Patel

是的，我正在使用React懒加载组件。 - Harish Kulkarni

为了确定是否是惰性组件，您需要调用该组件。 - Varit J Patel

1

看起来你没有使用官方的React.lazy https://reactjs.org/docs/code-splitting.html#reactlazy。我认为你正在使用`react-lazy-load` npm模块，因为它支持onContentVisible。请添加更多关于你正在使用的内容，并添加[mcve]。 - Abdul Rauf

感谢您提供资源，我已经根据官方的React.lazy更改了我的代码并进行了实现。但是我想要的是每当我尝试滚动时，组件应该相应地加载...我已经添加了代码。 - Harish Kulkarni

显示剩余2条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- VikR · Accepted Answer

在Chrome开发者工具中，按下command+shift+p (Mac) 或control+shift+p (Windows)打开命令菜单。选择“显示覆盖率”，点击重新加载按钮并重新加载主页，Chrome将显示已加载内容。