我也得到了相同的静态React徽标，下面是我如何修复它（在Windows VM上）
症状：
当您在https://reactjs.org/docs/create-a-new-react-app.html上尝试教程时，Windows的动画效果设置可能会阻止React徽标旋转，
尝试（1）或（2）
(1)[如何修复并使react徽标旋转--通过更改Windows系统设置）
进入Windows的高级设置系统设置->性能选项，选中“在窗口内动画控制和元素”（只要你选中这个设置并应用，你就可以看到React标志开始旋转。
(2)[删除代码中受上述设置影响的部分]（从CSS代码内部修复）
拆下管路10“（首选减速运动：no-preference）“来自src/App.css
更多详情：https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
看起来无论系统上的动画设置如何，方法2始终有效。但作为教程，您可能希望避免从一开始就对原始源代码进行更改。

有同样的问题，这工作：
在App.css第10行，删除包含“（prefers-reduced-motion：无偏好）”和其下方的结束括号3行。

仅删除部分“：第10行中的“无偏好”。它应该是“@media（prefers-reduced-motion）”，然后徽标正在旋转（至少是我的）。

我在Windows 10上遇到了同样的问题。找到这个链接：https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
并使用这条线来让它工作：在Windows 10中：设置>易于访问>显示>在Windows中显示动画

所以就像我在评论中说的，没有必要担心动画标志。一个SVG文件。
您也可以创建自己的Check here
此外，我生成了一个新项目，我的徽标旋转。
首先，检查是否有logo.svg文件，然后检查App.css文件。

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

另外，您需要将它们导入到App.js中，包括.css和.svg

我在使用Windows 10时遇到了同样的问题。我也这么想。事实上，其中一条评论帮助了我。
在我的情况下，这是因为我的Windows设置。
在“控制面板”中搜索“调整Windows的外观和性能”>，然后激活“在Windows中设置控件和元素的动画”。