如何在加载大页面-data.json 时在 Gatsby 站点上显示加载器？

Question

I'm loading 2000+ video cards in a big list (that loads/functions quickly with react-window). This main page can take a while to load the first time but then does fine after that (it's loading then cache-ing 10MB of data). I'm trying to show a spinner (loading animation) while the data loads. In other sites, I've simple done a basic conditional to test to see if the length of the items array I'm loading is greater than 0. But with Gatsby, it seems like the site loads the array just fine so array.length doesn't work here.

Is there some kind of event or way to test that the page-data.json is loaded?

Answer 1

考虑使用官方的 nprogress 插件https://www.gatsbyjs.org/packages/gatsby-plugin-nprogress/