我想问的是，为什么在rect js中，我的控制台打印了多次，或者当我得到一些错误时，我现在没有得到任何错误，但当我得到任何错误时，它也打印了多次
它多次显示相同的控制台结果，当我遇到一些错误时，相同的错误将打印3-4次

如果我正在处理的文件

我在React-Js工作

const SearchBar = ({ carddata}) => {
  const navigate=useNavigate();
  let arr = [];
  
  function searchResult(e) {
    
    if (e.key === "Enter") {
      if (e.target.value === "") return;
          arr = [];
          if(window.location.pathname!=='/SearchResult') navigate('/SearchResult')
            carddata.filter((result) => {
              if (`${result.heading}`.toLowerCase().match(e.target.value)) {
                  arr.push(result);
//Here is the console 
                  console.log(arr)
                }   
            });
    }
  }
return (
    <div className="flex">
      <input
        onKeyDown={searchResult}
        className="search-input w-100   br bb fw4"
        type="text"
        placeholder="Search here..."
      ></input>

      <SearchIcon
        className="search-icon h2 br bb hover-black"
        style={{ fill: "red" }}
        sx={{ fontSize: 40 }}
      />
    </div>
  )
}

错误的图像是不相关的fronted它的背部，所以忽略它我添加了图像更好地理解：https://i.stack.imgur.com/rKeVA.jpg