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

Posted

技术标签:

【中文标题】如何使用反应在离子框架中调用api?【英文标题】:How to call api in ionic framework using react? 【发布时间】: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 【参考方案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
;

【讨论】:

以上是关于如何使用反应在离子框架中调用api?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 api 调用中使用异步等待获取在反应本机中通过基本身份验证

在离子框架中使用复选框时如何从离子标签中删除空间

如何使用离子5中的离子相机插件将图像存储在数据库中

如何使用离子框架在选择选项中获取带有图像和名称的下拉菜单? [关闭]

如何刷过不同的离子标签

如何在反应离子应用程序中将 ios 键盘返回按钮更改为下一步/完成?