Cara menggunakan pautan melompat dalam bertindak balas

Cara untuk menggunakan lompatan pautan dalam tindak balas: 1. Bawa parameter tidak kelihatan melalui lompatan Pautan, dan kemudian gunakan "this.props.location.query" untuk mendapatkan objek parameter yang diluluskan 2. Bawa melalui lompatan Pautan Eksplisit parameter, kemudian gunakan "this.props.match.params.id" untuk mendapatkan parameter.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk menggunakan lompat pautan dalam bertindak balas?

Lompatan pautan dalam React

Lompatan pautan membawa parameter yang tidak kelihatan:

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

Parameter yang diluluskan boleh diperolehi melalui Objek pertanyaan.props.location.query ini

Kelemahan: Penghalaan muat semula halaman hilang, parameter hilang

Kelebihan: Boleh membawa berbilang parameter

Lompatan pautan membawa parameter eksplisit

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

Penghalaan terpasang laluan:

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

Parameter boleh diperoleh melalui this.props.match.params.id

Kelebihan: Menyegarkan halaman tidak akan kehilangan parameter

Kelemahan : Hanya satu parameter boleh dilalui

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Cara menggunakan pautan melompat dalam bertindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!