代码之家  ›  专栏  ›  技术社区  ›  test3r123

如何在React项目中使用外部API?

  •  0
  • test3r123  · 技术社区  · 2 年前

    为重复的问题道歉我相信这已经被问过很多次了。

    我用的是React,Express,CORS,node,postgres。我想使用以下api检索金属的实时价格:

    https://metals-api.com/
    

    我可以在我的测试应用程序中使用我的API,除了使用上面的API,我还希望

    const express = require('express');
    const app = express();
    const cors = require("cors");
    const pool = require("./db");
    
    //middleware
    app.use(cors());
    app.use(express.json());
    
    //ROUTES
    

    下面是我的一个示例路线:

    //Add entry to contact table
    app.post("/contact", async (req, res) => {
        try {
    
            const {scontact_name} = req.body;
            const newContactName = await pool.query(
                'INSERT INTO supplier_contacts (scontact_name) VALUES ($1)', [scontact_name]);
    
            res.json(newContactName);
    
        } catch (err) {
            console.error(err.message);
        }
    })
    

    因此,为了澄清我的本地API用于与postgres db通信。此外,我想使用上面链接的api获取一些价格信息,非常感谢您的帮助!

    1 回复  |  直到 2 年前
        1
  •  2
  •   Nudelsuppe_42_    2 年前

    Javascript有一个内置的获取方法( see here ) 例如,你也可以使用任何第三方图书馆 axios

    您可以轻松地在异步函数中调用它们的方法,然后对响应执行任何操作。