Bagaimanakah Saya Boleh Melepasi Prop dalam Pautan Menggunakan Penghala Reaksi?

Pass Props dalam Pautan dalam React-Router

Apabila menggunakan komponen dalam React-Router, adalah mungkin untuk menghantar sifat kepada paparan baharu. Untuk melakukan ini, gunakan sifat kepada dan lulus objek dengan sifat yang dikehendaki. Contohnya:

<code class="js"><Link to={{ pathname: '/ideas', query: { testvalue: 'hello' } }}>Create Idea</Link></code>

Dalam paparan destinasi, akses sifat yang diluluskan menggunakan corak berikut:

<code class="js">render() {
    console.log(this.props.match.params.testvalue, this.props.location.query.backurl)
    return <span>{testvalue} {backurl}</span>    
}</code>

nota: sintaks di atas kini sudah lapuk

Dalam Komponen Fungsian yang dikemas kini menggunakan cangkuk:

<code class="js">const CreatedIdeaView = () => {
    const { testvalue } = useParams();
    const { query, search } = useLocation(); 
    console.log(testvalue, query.backUrl, new URLSearchParams(search).get('backUrl'))
    return <span>{testvalue} {backurl}</span>    
}</code>

Pertimbangan Lanjut

• Pastikan bahawa laluan destinasi mempunyai laluan yang sepadan yang ditentukan dengan menerima harta yang diluluskan. Dalam contoh ini, laluan hendaklah ditakrifkan seperti berikut:

<code class="js"><Route name="ideas" path="/:testvalue" handler={CreateIdeaView} /></code>

• Komponen Pautan yang digunakan dalam React-Router telah dikemas kini dalam versi terkini. Sintaks untuk menghantar sifat mungkin berbeza bergantung pada versi yang digunakan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melepasi Prop dalam Pautan Menggunakan Penghala Reaksi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!