我有一個(gè)反應(yīng)鉤子。該鉤子具有子鉤子，子鉤子在生成時(shí)會為自己生成一個(gè) ID。該 ID 始終是唯一的，因?yàn)槊看蝿?chuàng)建新的子鉤子時(shí)它都會加 1。const App = () => {  const [ idCounter, setIdCounter ] = React.useState(0);      const genId = () => {    setIdCounter( id => id + 1 );    return `ID-${idCounter}`;  }    const SomeComponent = () => {    const [ componentId, setComponentId ] = React.useState(null);        React.useEffect(() => {      let generatedId = genId();      setComponentId( id => generatedId );      console.log(`generated '${generatedId}'`)    }, []);        return <div>nothing works</div>  }    return <SomeComponent />};這會一遍又一遍地循環(huán)并記錄生成的 id。它到底為什么要這么做？useEffect()依賴于...什么都沒有?。∷鼞?yīng)該只運(yùn)行一次，不是嗎？我怎樣才能避免這種情況發(fā)生？我希望將來能夠SomeComponent從內(nèi)部創(chuàng)建一些。App