Как разместить переменную пути в запросе Get в React?

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 и дать его по onClick