将函数参数传递给axios调用

Question

我正在使用此API https://covid19.mathdro.id/api，我要做的是根据函数中设置的arg获取一个值。例如。

const fetchCases = arg => {
  axios.get("https://covid19.mathdro.id/api").then(response => console.log(response.data.arg))
}

fetchCases("confirmed")

不幸的是，这产生了不确定的。你们如何在fetch调用中传递诸如此类的args？这些电话的最佳方法是什么？

Answer 1

您可以使用方括号表示法来访问response.data对象，例如

response.data[arg]

为您的例子

const fetchCases = arg => {
  axios.get('https://covid19.mathdro.id/api').then(response => console.log(response.data[arg))
}

Answer 2

根据您在问题中输入的API，它从路由https://covid19.mathdro.id/api/confirmed返回数据，在这种情况下，您可以执行以下操作：

const fetchCases = argument => {
  axios.get(`https://covid19.mathdro.id/api/${argument}`).then(response => console.log(response))
}

fetchCases("confirmed")

获取端点以获取确认的案例

const fetchCases = argument => {
  axios.get(`https://covid19.mathdro.id/api`).then(response => console.log(response[argument]))
// Above you need to use bracket notation because argument is a function parameter
}