javascript - Bagaimana untuk menghantar parameter dalam react-router-dom v4, dan cara mendapatkan parameter untuk komponen seterusnya untuk melompat ke

Question

Kaedah penghantaran parameter semasa:

<Link to={`/topics/${topic.id}`}>{topic.title}</Link>

1. Adakah kaedah lulus parameter betul?

Kemudian lompat ke halaman seterusnya, bar alamat ialah:

http://localhost:8080/topics/33119

Saya fikir this.props.params.id akan dapat mendapatkan parameter, tetapi ia nampaknya tidak berfungsi.
2. Bagaimana untuk mendapatkan parameter bar alamat?

Answer 1

Ianya masih agak berbeza dengan penghala reaksi:

1. Konfigurasi penghalaan

<Route path="/topics/:id" component={Topics} />

2. Halaman sebelum melompat

<Link to={`/topics/${topic.id}`} >点击跳转</Link>

3 Dapatkan parameter daripada topik halaman selepas melompat

this.props.match.params.id

Answer 2

Tentukan id berdasarkan alamat penghala