有沒有辦法通過導航功能將一些引數傳遞給路由？我找到了下面的方法，但它不起作用，因為第二個檔案中的路由引數未定義。
import { useNavigate } from 'react-router-dom'
const exploreTopic = () =>{
navigate(`/topic/${props.id}`,{id:props.id});
};
return(
<div onClick={exploreTopic}>smth</div>
)
import { useParams } from 'react-router-dom'
import './style.css'
const SingleTopic = ({route,navigate}) => {
return (
<div>
{route.params.id}
</div>
)
}
export default SingleTopic
uj5u.com熱心網友回復：
您可以通過這種方式傳遞資料
const exploreTopic = () =>{
navigate(`/topic/${props.id}`,{state:{id:props.id}});
};
你的 SingleTopic 會變成
import {useLocation} from 'react-router-dom';
const SingleTopic = ({route,navigate}) => {
const location = useLocation();
return (
<div>
{location.state.id}
</div>
)
}
export default SingleTopic
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/464747.html
標籤：javascript 反应 导航