杭州建设公司网站,江苏常州烽火台网络推广,响应式模板网站建设哪家好,大兴网站开发网站建设哪家好实际开发中#xff0c;React应用常见问题【持续更新中】 实际开发中#xff0c;React应用常见问题【持续更新中】 一、路由相关 “react-router-dom”: “^6.14.2”, “react”: “^18.2.0”, 1、监听路由
import { useLocation } from react-router-domexport default func…实际开发中React应用常见问题【持续更新中】 实际开发中React应用常见问题【持续更新中】 一、路由相关 “react-router-dom”: “^6.14.2”, “react”: “^18.2.0”, 1、监听路由
import { useLocation } from react-router-domexport default function AppHeader() {const [selectMenu, setSelectMenu] useStatestring()const location useLocation()useEffect(() {// location: 页面刷新 和 路径变化【触发路由】 都会监听到// 解决页面刷新或者是用户手动输入路径时, 路径和menu选中状态不匹配的问题setSelectMenu(location.pathname)}, [location])return test/
}2、路由编程式导航 useNavigate() import { useNavigate } from react-router-domexport default function AppHeader() {const navigate useNavigate()const toOtherPageByPath () {// 未携带参数的编程式导航navigate(路由path)}return (button onClick{toOtherPageByPath}test/button/)
