반응에서 링크 점프를 사용하는 방법

반응에서 링크 점프를 사용하는 방법: 1. 링크 점프를 통해 보이지 않는 매개변수를 전달한 다음 "this.props.location.query"를 사용하여 전달된 매개변수 개체를 가져옵니다. 2. 링크 점프를 통해 명시적인 매개변수를 전달한 다음 사용합니다. "this.props.match.params.id"를 사용하여 매개변수를 가져옵니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

링크를 사용하여 반응에 뛰어드는 방법은 무엇입니까?

React의 링크 점프

링크 점프는 보이지 않는 매개변수를 전달합니다.

<Link to={{
            pathname: &#39;agent-openservice/&#39;,
            query:{
               shop_id:row.shop_id,
               merchant_id:row.merchant_id
            }
         }} />

전달된 매개변수 객체는 this.props.location.query를 통해 얻을 수 있습니다.

단점: 페이지 새로 고침 라우팅이 손실되고 매개변수가 손실됩니다

장점: 여러 매개변수를 전달할 수 있습니다

링크 점프는 명시적인 매개변수를 전달합니다

<Link to={{pathname: &#39;agent-openservice/&#39; + shopId, }} />

마운트된 라우팅 경로:

<Route path="agent-openservice/:id">

매개변수는 this.props.match.params.id를 통해 얻을 수 있습니다.

장점: 페이지를 새로 고쳐도 매개변수가 손실되지 않습니다

단점: 하나의 매개변수만 전달할 수 있습니다

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응에서 링크 점프를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!