Как разместить переменную пути в запросе 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

Похоже, я нашел решение:

axios.get ("/ api / v3 / product /" + id) ...

, где я могу получить идентификатор каждого продуктас помощью setState и передать его по клику

Answer 2

Пример маршрута: <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,
        }
    })
}