Reactjs中寫一個class組件方法時出現語法錯誤

Question

這段代碼是：

async onSearchSubmit(term) { 
        const response = await axios.get('https://api.somewebsite.com/search/photos', {
            params: {query: term},
            headers:{
                Authorization: 'Client-ID some Access KEY'
            }
        }) 
        console.log(response.data.results)
    } 

和這段代碼：

 onSearchSubmit: async function(term) { 
        const response = await axios.get('https:///api.somewebsite.com/search/photos', {
            params: {query: term},
            headers:{
                Authorization: 'Client-ID some Access KEY'
            }
        }) 
        console.log(response.data.results)
    }

不等價？ 請注意，我只更改了編寫 class 方法的方式。 唯一的變化是async onSearchSubmit(term)到onSearchSubmit: async function(term) 。 第一個工作完美。 在第二個，我收到解析錯誤：意外標記“;”。 在我go瞎了之前請救救我。

Answer 1

你錯過了參數，它應該是

onSearchSubmit: async function (term) {
  const response = await axios.get(
    "https:///api.somewebsite.com/search/photos",
    {
      params: { query: term },
      headers: {
        Authorization: "Client-ID some Access KEY",
      },
    }
  )
  console.log(response.data.results)
}