我正在開發一個與播放列表有關的項目，所以我想要執行的是，每當單擊播放列表中的一首歌曲時，就應該查看附加到該歌曲的圖像。所以，我的代碼是這樣的......const Component = () => {  const value = useContext(DataContext);  const [data, setData] = useState(null);  const [currentData, setCurrentData] = useState(null);  useEffect(() => {    const url =      "https://52-90-82-235.maverickmaven.com/geotourdata/json.cfm?h=-107,37,s,en,3A771765";    const currentValue = value;    axios({      method: "get",      url,      responseType: "stream",    }).then((response) => {      let features = response.data.features.filter((elem) => {        return elem.type === "Feature";      });      setData(features);      const currentDatafile = data?.filter((data) => {        return data?.assets[0].audio === value;      });      setCurrentData(currentDatafile);    });  }, [setCurrentData]);};所以，這段代碼的作用是返回包含圖片的數組，但問題是它只過濾一次，即使我點擊另一首歌曲，它也只會重復返回相同的值，而且我每次點擊時都需要它進行過濾在歌曲上（即執行該函數）。我嘗試同時過濾和映射，但沒有成功。或者也許我的語法寫得不夠好。