no message

This commit is contained in:
chenxuan
2024-04-25 18:05:28 +08:00
parent 2ce36d4fe6
commit 8b67761d60
3 changed files with 10 additions and 4 deletions
+2 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import {Routes,Route,NavLink,Outlet} from 'react-router-dom';
import {Routes,Route,NavLink,Outlet,useOutlet} from 'react-router-dom';
// import Button from './buttons';
// import Input from './input';
// import Table from './table';
@@ -8,6 +8,7 @@ export default function Antd(){
function activeClassName({isActive}){
return isActive ? 'active1' : ''
}
console.log(useOutlet())
return (
<div className='antd'>
<div className='nav'>
+3 -2
View File
@@ -1,12 +1,13 @@
import { func } from "prop-types";
import React from "react";
import { useNavigate } from "react-router-dom";
import { useNavigate,useInRouterContext,useNavigationType} from "react-router-dom";
// import {withRouter} from "react-router-dom";
// function navigate_(){
// const navigate=useNavigate()
// navigate('/github')
// }
export default function Head(){
console.log('useInRouterContext:'+useInRouterContext())
console.log("useNavigationType:"+useNavigationType())
const navigate = useNavigate()
const back=()=>{
navigate(-1)
+5 -1
View File
@@ -12,4 +12,8 @@
search传参 useSearchParams useLocation
state传参 useLocation
7、编程式路由 useNavigate <navigate to="" />
7、编程式路由 useNavigate <navigate to="" />
8、其他hock函数
useInRouterContext
useNavigationType pop(直接通过浏览器打开,即刷新) push replace
useOutlet 用来展示当前组件种的嵌套路由对象