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

【问题标题】：How to place path variable in Get request in React?如何在 React 的 Get 请求中放置路径变量？
【发布时间】：2018-12-10 10:08:32
【问题描述】：

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

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

&lt;Route path='/product/:id' component={Product}/&gt;

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

【问题讨论】：

你能解释一下吗？我的理解是，你想让孩子们从那条路线上扎根/product/child-route，对吗？
我在 /api/v3/products 中有一些产品，我想获取其中一个的详细信息，因此需要向 /api/v3/product/{id} 发出获取请求，其中 {id} 是路径变量。我该怎么做？

标签： javascript reactjs get path-variables

【解决方案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,
        }
    })
}

【讨论】：

确保在Route 组件和componentDidMount() 中都使用productId，与编写时相同。这应该可以正常工作。
哎呀，我错了，它起作用了，我写的是'而不是`，谢谢
完美，干得好：+1：