我有这个应用程序，扫描一个NFC标签，并创建一个列表。

import {useState} from "react";

const App = () => {
   const [tags, setTags] = useState([]);
   async function scanTag() {
      const ndef = new NDEFReader()
      await ndef.scan()
      ndef.onreading = ({serialNumber} => {
         if(validate(serialNumber)) return alert("already registered")
         let tag = {
            id: serialNumber
            //some other data...
         }
         const list = tags
         list.push(tag)
         setTags(list)
      })
   }
   function validate(id) {
      if(tags.find(tag => tag.id == id)) return true
      return false
   }
   function deleteTag(index) {
      setTags(
         tags.filter((_, i) => i !== index)
      )
   }
   return (
      <div>
         {
            tags.map((tag, index) => {
               return(
                  <div key={tag.id}>
                     <span>{tag.id}</span>
                     <button onClick={()=>{deleteTag(index)}}>Delete</button>
                  </div>
               )
            })
         }
         <button onClick={scanTag}>Scan Tag</button>
      </div>
   )
}

应用程序工作正常，直到我删除标签，重新扫描相同。验证函数触发并返回“已经扫描”。
控制台记录validate函数中的标签数组，显示了旧数组，所有标签仍在数组中。而deleteTag函数正确删除标记，我不知道为什么会发生这种情况。PS：由于我使用Chrome Android进行调试，我不能使用ReactDevTools。