在反应中按退格键时过滤器不起作用

Question

我对 reactjs 很陌生。我试图在对象数组上应用过滤器，该过滤器首先工作正常，但是当我按退格键时出现问题，列表没有根据搜索字符串更新。代码 在这里。

Answer 1

问题在于 setState 函数的异步性质。在您的过滤器方法中，您预计它已经更新了两行，但它可能仍在更新过程中。不管怎样，筛选原始列表不是更容易吗？  useEffect(() => {    if(search === ''){      setbllist(arr);    }    if(search !== ''){      setbllist(arr.filter(bl => {        let name = bl.name.toLowerCase();        return name.includes(search.toLowerCase())              }));    }  },[search])