问题

videoList数据更新后，列表中的图片会闪烁

原因

• 使用了函数式组件
• 由于数据更新render方法调用VideoItems返回的是一个新的React Dom节点，React不能有效在render中diff列表变化，以至页面重绘列表图片重新加载

解决办法

不使用函数式组件渲染列表，如下：

使用useCallbak hook对数据进行监听，数据更新时组件重新渲染