reactjs 如何在删除div之前添加样式?[已关闭]

dgsult0t  于 2023-01-17  发布在  React
关注(0)|答案(1)|浏览(108)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题?**添加详细信息并通过editing this post阐明问题。

昨天关门了。
Improve this question
我想要达到的目标

我有一个抽奖游戏,我正在从数组中过滤掉所有不是我的赢家的项目,我在setTimeout函数中运行这个函数,这样它会一直运行,直到只剩下一个,我希望名字在实际被过滤掉之前慢慢消失。
我尝试了您在图片中看到的方法,并使用react-spring和useTransition来实现这一点,但没有任何效果

wlsrxk51

wlsrxk511#

过滤出存在一个错误:当你使用lambda函数filter时,你应该返回boolean值。在你的例子中,你没有返回boolean值,结果得到了空的filterOutNames数组。考虑如下修改代码:

const filterOutNames = names.filter((name)=>{
  if( name === names[randomIndex]){
    return false;
  }
  ...
  return true;
});

这样的修复可以解决这个问题,但是最好使用filter来过滤,然后将更改作为单独的操作应用到过滤后的值!
如果你只需要(如示例)通过索引过滤掉一个元素,请看splice函数:
names.splice(randomIndex, 1)
唯一不同的是,它将改变底层数组。如果你需要保存一个副本-只需在此之前做!

相关问题