每 X 秒響應一次更改 DOM

Question

我試圖每 10 秒渲染一些內容不同的卡片，我首先從 API 獲取數據，然后在卡片上渲染第一組數據，我想做的是每 10 秒更改卡片內容

目前我正在使用這個：

    const [cards, setCards] = useState<[]>([])

    useEffect(() => {

     props.data.map( (data: any, i: any) => 

          setTimeout(() => {
            setCards(data)
          }, i * 10000)
     )

    }, [cards])

    return (
        <Wrapper>
            <h1>Hello World!</h1>
            <Hero img={bg} />
            <Cards cards={cards} />
        </Wrapper>
    )

目前無法正常工作，我該怎么做才能使其正常工作？ 我的最終結果是每 10 秒更改內容（我也會實現一些動畫）

Answer 1

解決方案

我剛剛從我的useEffect掛鈎中刪除了cards並改用了一個空數組。工作正常。