我的應(yīng)用程序中有一個(gè)組件可以處理兩件事，應(yīng)用程序的布局（移動(dòng)設(shè)備與桌面設(shè)備）以及其中的導(dǎo)航。這是一個(gè)類的實(shí)現(xiàn)。此代碼片段包含使用類編寫的組件。這就是它的樣子。但將其切換為功能性后，有兩件事停止工作：移動(dòng)側(cè)抽屜無法打開和關(guān)閉。但是，如果使用傳遞硬編碼值true，當(dāng)您進(jìn)入移動(dòng)視圖時(shí)，它確實(shí)會(huì)打開。第二個(gè)是，當(dāng)路由器更改 URL 時(shí)，相應(yīng)的組件不會(huì)呈現(xiàn)。例如/profile應(yīng)該帶一個(gè)到個(gè)人資料頁面為了解決漢堡菜單問題，我嘗試使用useCallback一些我認(rèn)為處理正確渲染的好策略。但無濟(jì)于事。基本上是一個(gè)總是返回正確值的函數(shù)。Open menu === true和Closed menu === false我什至設(shè)置了一個(gè)useEffect鉤子來觸發(fā)該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';