如何使用json服务器达到特定的终点

时间:2018-12-19 17:37:06

标签: javascript json reactjs

我已经使用react应用设置了json服务器,我对端点有一个快速的疑问

这是我的一些数据:

{
  "products": [
    {
      "name": "football",
      "id": "SPO-001",
      "category": "sport",
      "price": "40",
      "coupons": ["daw124qdw", "a1212cxn"]
    },
    {
      "name": "cricket bat",
      "id": "SPO-002",
      "category": "sport",
      "price": "80"
    }
]
}

当我做这样的事情时,一切都很好:

  axios.get('http://localhost:3004/products').then(({ data }) => {
    // do something with data
  })

我知道我可以做:http://localhost:3004/products/SPO-001,它向我返回该ID。但是如何才能返回该特定ID的优惠券条目?那可能是终点吗?

我尝试了axios.get('http://localhost:3004/products/SPO-001/coupons'),但是我刚得到一个空对象。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您有2个选择:

第一

axios.get('http://localhost:3004/products')
     .then(res => this.setState({product: res.data.productID.coupon})) // not sure how you want to use your response, this is just an example

2nd为每个产品创建端点,例如http://localhost:3004/:productID/coupon,然后使用axios获取请求“命中”该端点,例如axios.get('http://localhost:3004/23/coupon').then(res => res.data)

我不得不说第二个选项会更强大。