我有一個反應鉤子。該鉤子具有子鉤子，子鉤子在生成時會為自己生成一個 ID。該 ID 始終是唯一的，因為每次創(chuàng)建新的子鉤子時它都會加 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()依賴于...什么都沒有??！它應該只運行一次，不是嗎？我怎樣才能避免這種情況發(fā)生？我希望將來能夠SomeComponent從內(nèi)部創(chuàng)建一些。App