React重新渲染导致闪烁:我该如何解决这个问题?



我是新的编码,我无法得到如何解决这个问题后,我谷歌了很多次。问题是我有一个布局组件,其中包含4个不同的组件。当我在一个函数组件中调用一个函数时,它会影响其他组件,而其他组件会重新渲染。重新渲染很好,但是我的图像在移动浏览器上闪烁。我想删除图像加载时的闪烁。我试过使用React.memo()和useCallBack(),但它们都不适合我。我希望我说得很清楚,提前谢谢。

这是我的应用https://stackblitz.com/github/mithatercann/qrmenu

你使用的是所谓的" Prop drilling "。对于你当前的问题,更好的解决方案是在你的应用程序中实现一些状态管理,他们有很多第三方库,但对于这个实例,如果你的应用程序很小,你可以使用React Context API。如果你打算构建大型应用程序,那么我建议你使用Redux。

最新更新