Javascript 为基本老虎机创建动画
我是一个新的反应，一个简单的老虎机是我的第一个迷你项目。目前，我已经完成了按钮按下后显示随机表情的逻辑。对我来说，在设计和添加赢/输逻辑以及硬币计数器等之前，下一步是添加动画 这个代码笔正是我想要的那种东西，但正如你所看到的，它的结构与我的代码（如下所示）完全不同，我正在绞尽脑汁，试图弄清楚如何才能在我的项目中获得类似的东西 非常感谢任何帮助Javascript 为基本老虎机创建动画,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我是一个新的反应，一个简单的老虎机是我的第一个迷你项目。目前，我已经完成了按钮按下后显示随机表情的逻辑。对我来说，在设计和添加赢/输逻辑以及硬币计数器等之前，下一步是添加动画 这个代码笔正是我想要的那种东西，但正如你所看到的，它的结构与我的代码（如下所示）完全不同，我正在绞尽脑汁，试图弄清楚如何才能在我的项目中获得类似的东西 非常感谢任何帮助 import React，{Component}来自“React” 从“./Contents”导入内容 导入“./mainslots.css” 类插槽
import React，{Component}来自“React”
从“./Contents”导入内容
导入“./mainslots.css”
类插槽扩展组件{
静态defaultProps={
水果：[“给你
开发起来很有趣：），您可以运行下面的代码片段进行查看，我在代码中添加了注释，这将使事情变得清楚，请看一看
希望这会有所帮助
const{createRef，Component}=React；
类插槽扩展组件{
静态defaultProps={
果品：[“这真是太棒了，Vivek，非常感谢。我重新创建了你的建议，效果非常好。作为后续工作，我现在正在实现代码来检查玩家是否获胜。我将检查插槽1==插槽2&&插槽2==3。我对需要比较的内容感到困惑；我尝试过将插槽[0]与[1]和[2]进行比较（和改变赢：假为真的状态），但第一个旋转总是说赢，然后赢永远不会再次触发。你能在这里给任何指导吗？我将非常感激！