如何在React中的Get请求中放置路径变量？

Question

    componentDidMount() {
        axios.get('/api/v3/products', {
            params: {
                pageNumber: 1,
                pageSize: 500,
            }
        })

我知道如何在Get请求中放置参数，但不知道如何放置路径变量，有人可以帮忙吗？

<Route path='/product/:id' component={Product}/>

试图写“ / product /：path”，但我认为这没有任何意义。

Answer 1

示例路线： <Route path='/product/:productId' component={Product}/>

在组件Product内

componentDidMount() {
    const { productId } = this.props.match.params
    // Extracted productId from the Route params.
    axios.get(`/api/v3/product/${productId}`, { // used productId in our GET Request
        params: {
            pageNumber: 1,
            pageSize: 500,
        }
    })
}

Answer 2

看起来像我找到了解决方案：

axios.get（“ / api / v3 / product /” + id） ...

我可以通过setState获取每个产品的ID，并通过onClick给出它