NextJS Image url 在不同的端点没有改变

NextJS Image url not changing in different endpoints

所以目前我有一个问题,我有一个显示频道图标和名称的频道选项卡。现在的问题是,每次我换频道时,图标都和我点击的第一个频道一样。

预览

这是我当前的代码:https://sourceb.in/IsTYrBRjMv

如何让它在每次进入新频道时都发生变化?

注: 每个通道都有不同的端点

尝试添加一个 useEffect,像这样(您可能需要调整)

  useEffect(() => {
    setData(channel.icon);
  },[channel]);