如何在我的 React 项目中使用外部 API？

Question

对于重复的问题，我深表歉意，我相信这个问题已经被问过很多次了。

我正在使用 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 ()', [scontact_name]);

        res.json(newContactName);

    } catch (err) {
        console.error(err.message);
    }
})

所以澄清一下，我的本地 API 用于与 postgres 数据库通信。此外，我想使用上面链接的 api 获取一些价格信息，非常感谢您的帮助！

Answer 1

Javascript 有一个 build-in 获取方法 (see here) 您还可以使用任何第 3 方库，例如 axios

您可以轻松地在异步函数中调用他们的方法，然后根据响应做任何您想做的事。

如何在我的 React 项目中使用外部 API？

How do I use an external API in my React project?

javascript

node.js

rest

express

cors