首页 文章

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

提问于
浏览
0
componentDidMount() {
        axios.get('/api/v3/products', {
            params: {
                pageNumber: 1,
                pageSize: 500,
            }
        })

我知道如何在Get请求中放置params,但是不知道如何放置路径变量,有人可以帮忙吗?

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

试图写“/ product /:path”,但我认为,这没有任何意义 .

2 回答

  • 0

    看起来就像我找到了一个解决方案:

    axios.get(“/ api / v3 / product /”id)...

    我可以通过setState获取每个产品的ID,并通过onClick提供

  • 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,
            }
        })
    }
    

相关问题