반응에서 링크 점프를 사용하는 방법: 1. 링크 점프를 통해 보이지 않는 매개변수를 전달한 다음 "this.props.location.query"를 사용하여 전달된 매개변수 개체를 가져옵니다. 2. 링크 점프를 통해 명시적인 매개변수를 전달한 다음 사용합니다. "this.props.match.params.id"를 사용하여 매개변수를 가져옵니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.
링크를 사용하여 반응에 뛰어드는 방법은 무엇입니까?
React의 링크 점프
링크 점프는 보이지 않는 매개변수를 전달합니다.
<Link to={{ pathname: 'agent-openservice/', query:{ shop_id:row.shop_id, merchant_id:row.merchant_id } }} />
전달된 매개변수 객체는 this.props.location.query를 통해 얻을 수 있습니다.
단점: 페이지 새로 고침 라우팅이 손실되고 매개변수가 손실됩니다
장점: 여러 매개변수를 전달할 수 있습니다
링크 점프는 명시적인 매개변수를 전달합니다
<Link to={{pathname: 'agent-openservice/' + shopId, }} />
마운트된 라우팅 경로:
<Route path="agent-openservice/:id">
매개변수는 this.props.match.params.id를 통해 얻을 수 있습니다.
장점: 페이지를 새로 고쳐도 매개변수가 손실되지 않습니다
단점: 하나의 매개변수만 전달할 수 있습니다
추천 학습: "react 비디오 튜토리얼"
위 내용은 반응에서 링크 점프를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!