diff --git a/src/views/App.jsx b/src/views/App.jsx index e5a9a84..f966473 100644 --- a/src/views/App.jsx +++ b/src/views/App.jsx @@ -1,4 +1,5 @@ -import { Outlet, Link, useNavigation } from "react-router-dom"; +import { Outlet, Link, useNavigation, useLocation } from "react-router-dom"; +import { useEffect } from 'react'; import { Breadcrumb, Layout, Menu, ConfigProvider, theme, Dropdown, Space, Row, Col } from 'antd'; import { UserOutlined, @@ -38,6 +39,11 @@ const items = [ }, ] export default function App() { + let location = useLocation(); + useEffect(() => { + // Check location + console.info('location.pathname: ' + location.pathname) + }, [location]); const { token: { colorBgContainer }, } = theme.useToken(); diff --git a/src/views/reservation/Detail.jsx b/src/views/reservation/Detail.jsx index efcec83..87e5297 100644 --- a/src/views/reservation/Detail.jsx +++ b/src/views/reservation/Detail.jsx @@ -1,4 +1,4 @@ -import { useParams } from "react-router-dom"; +import { useParams, useNavigate } from "react-router-dom"; import { useEffect } from 'react'; import { observer } from "mobx-react"; import { toJS } from "mobx"; @@ -72,6 +72,7 @@ const columns = [ ]; function Detail() { + const navigate = useNavigate(); const { reservationId } = useParams(); const { reservationStore } = useStore(); const { reservationList } = reservationStore; @@ -87,7 +88,7 @@ function Detail() {