我試圖讓錯(cuò)誤在3秒后從State數(shù)組中刪除自己，它有點(diǎn)工作，但由于某種原因，它會跳回去并表現(xiàn)得很奇怪/刪除多個(gè)1超時(shí)完成。（請參閱錯(cuò)誤功能組件）。我使用 React 上下文進(jìn)行狀態(tài)管理，并希望我能得到任何幫助。我將不勝感激任何幫助你可以在這里實(shí)時(shí)查看錯(cuò)誤：https://codesandbox.io/s/flamboyant-jackson-soutv?file=/src/components/Errors.jsx:558-567Errors.jsximport { SiteContext } from "../context/SiteContext";const Error = props => {  const [siteSettings, setSiteSettings] = useContext(SiteContext);  let errors = siteSettings.errors;  console.log("Errors", errors);  let filteredAry = errors.filter(function(obj) {    return obj.id !== props.id;  });  //removed last id , and filteredArray is where we store the new array  console.log("Filtered array", filteredAry);  //after 3 seconds we should update the old array with the new array  useEffect(() => {    setTimeout(() => {      setSiteSettings(siteSettings => ({        ...siteSettings,        errors: filteredAry      }));    }, 3000);  }, []);  return <div className="error">{props.error}</div>;};const Errors = () => {  const [site, setSiteSettings] = useContext(SiteContext);  const addError = () => {    //find the latest id    let max = 0;    if (site.errors.length > 0) {      max = Math.max.apply(null, site.errors.map(item => item.id)) + 1;    } else {      max = 1;    }    console.log("Highest id: " + max);    //add new error to the State,    setSiteSettings(site => ({      ...site,      errors: [...site.errors, { message: "Some error", id: max }]    }));  };  return (    <div id="errors">      Error page      {site.errors.map((error, i) => {        return <Error id={i} error={error.message} />;      })}      <button onClick={addError}>Add error</button>    </div>  );};export default Errors;