Javascript React useEffect仅在转到另一页并返回后渲染

我是一个新的反应者，我正在尝试做一个小项目，我想出了这个循环：

  useEffect(() => {
    cards = [];
    for (i = 0; i < CardData.length; i++) {
      cards.push(<Card info={CardData[i]} key={CardData[i].title} />);
    }
  }, []);

useffect（（）=>{
卡片=[]；
对于（i=0；i

对于不同页面之间的导航，我使用

react router dom

，但为了使该循环执行一次，我需要单击

到另一个页面，然后我需要返回到原始页面，以便执行该循环

我做错了什么？为什么我的应用程序有这种行为？

---

另外，

useState

hook中的数据变量是一个对象数组，我使用以下命令从另一个文件中获取：

import data from././dummyData.js”
请将您的代码张贴在您设置状态的地方，以及您的返回（）

否则，此时useEffect不会触发立即渲染

在for循环后添加一行，通过分解卡片数组来设置状态。
在这种情况下，似乎不需要useEffect。你可以直接在返回中使用CardData.map（..。
useEffect
可以用来产生任何副作用，比如CRUD操作。我不认为你在这里这么做。就像@FLash建议的那样，你可以直接使用
CardData.map（（道具）=>）；