如何使用反应在离子框架中调用api？

【问题标题】：How to call api in ionic framework using react?如何使用反应在离子框架中调用api？
【发布时间】：2021-06-11 05:18:59
【问题描述】：

我正在尝试使用它来获取 API，但它不起作用。

async componentDidMount(){
  const url = "https://jsonplaceholder.typicode.com/posts";          
  const response = await fetch(url);      
  const data = await response.json();      
  console.log(data);
}

【问题讨论】：

您能说得更具体一点吗？是否有任何记录？
使用 Axois Api：npmjs.com/package/axios

标签： reactjs api ionic-framework react-hooks ionic-react

【解决方案1】：

您可以使用 axios 进行 API 调用。

示例代码如下

const authenticateUser = async  (username: string, password: string) : Promise<boolean> => {

    const loginData = {
        "Username": username,
        "Password": password
    }

    const api = axios.create({
        baseURL: "https://website.com/api/services"
    })

    const resp = await api.post("/ValidateUserPost", loginData)

    if(resp.data != null && resp.data.userId != null && resp.data.userId > 0){               
        return true
    } 
    else
        return false
};

【讨论】：