我的應用程序中有一個組件可以處理兩件事，應用程序的布局（移動設備與桌面設備）以及其中的導航。這是一個類的實現。此代碼片段包含使用類編寫的組件。這就是它的樣子。但將其切換為功能性后，有兩件事停止工作：移動側抽屜無法打開和關閉。但是，如果使用傳遞硬編碼值true，當您進入移動視圖時，它確實會打開。第二個是，當路由器更改 URL 時，相應的組件不會呈現。例如/profile應該帶一個到個人資料頁面為了解決漢堡菜單問題，我嘗試使用useCallback一些我認為處理正確渲染的好策略。但無濟于事。基本上是一個總是返回正確值的函數。Open menu === true和Closed menu === false我什至設置了一個useEffect鉤子來觸發該isToggled值的日志，只是為了確保一切正常。 var useToggle = initialState => {    const [isToggled, setIsToggled] = React.useState(initialState);    const toggle = useCallback(() => setIsToggled(state => !state), [setIsToggled]);    return [isToggled, toggle];  };  var [fixed, setFixed] = useState(null);  var [isToggled, toggle] = useToggle(false);  var [Content, setContent] = useState(null);  var [isMobile, setIsMobile] = useState(false);  var [isDesktop, setIsDesktop] = useState(false);  var handleSidebarHide = () => false;   var hideFixedMenu = () => setFixed(false);  var showFixedMenu = () => setFixed(true);  useEffect(() => {    console.log('isToggled', isToggled);  }, [isToggled]);這是完整的組件：import React, { useCallback, useState, useEffect, useContext } from 'react';import { Link, NavLink } from 'react-router-dom';import Modal from '../components/Modal/MyModal.jsx';import {  Container,  Menu,  Responsive,  Segment,  Visibility,  Sidebar,  Icon,  Button} from 'semantic-ui-react';