所以我有這個(gè)鉤子來返回windowWidth我的 App 組件。我將此稱為Option #1。import {useEffect, useState} from 'react';function useWindowWidth() {  const [windowWidth,setWindowWidth] = useState(window.innerWidth);  useEffect(() => {    function handleResize() {      setWindowWidth(window.innerWidth);    }    window.addEventListener('resize', handleResize);    return () => window.removeEventListener('resize', handleResize);  }, []);  return windowWidth;}export default useWindowWidth;現(xiàn)在我基本上在每個(gè)依賴窗口寬度渲染的組件上使用它，例如：function Component(props) {  const windowWidth = useWindowWidth();  return(    // RETURN SOMETHING BASED ON WINDOW WIDTH  );}由于鉤子有一個(gè)事件監(jiān)聽器resize，組件即使在窗口調(diào)整大小后也能保持響應(yīng)。但我擔(dān)心我正在為每個(gè)使用該鉤子的組件附加一個(gè)新的偵聽器，這可能會(huì)在某些時(shí)候減慢速度。我想過其他方法：選項(xiàng)#2我useWindowWidth()只在頂級(jí)組件中使用了一次鉤子，例如<App/>，我將windowWidth通過上下文在鏈中提供值。喜歡：function App() {  const windowWidth = useWindowWidth();  return(    <WindowWidthContext.Provider value={windowWidth}>      <Rest_of_the_app/>    </WindowWidthContext.Provider>  );}然后，每個(gè)需要它的組件都可以通過：function Component() {  const windowWidth = useContext(WindowWidthContext);  return(    // SOMETHING BASED ON WINDOW WIDTH  );}問題我是否對(duì)我正在resize使用選項(xiàng) #1設(shè)置多個(gè)偵聽器這一事實(shí)感到困擾？是選擇2的好辦法租期，提高該流？