no message
This commit is contained in:
@@ -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'>
|
||||
|
||||
@@ -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)
|
||||
|
||||
@@ -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 用来展示当前组件种的嵌套路由对象
|
||||
|
||||
Reference in New Issue
Block a user