每次您输入此网址： https: //picsum.photos/200时，都会显示不同的图像。我希望我的 React 组件使用此 url 每 5 秒渲染一个不同的图像，但我做不到。这是我的代码：
import { useEffect, useState } from "react";
const VariableImage = () => {
const imageUrl = "https://picsum.photos/200";
const [image, setImage] = useState(imageUrl);
useEffect(() => {
setInterval(() => {
const newImage = new Image();
newImage.src = imageUrl;
setImage(imageUrl);
}, 5000);
}, [imageUrl]);
return (
<>
<img src={image} alt="scenery" height="200" width="200" />
</>
);
};
export default VariableImage;图像在第一次渲染中显示，但稍后不会更改。如果有人可以帮助我，我将非常感激。谢谢。