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

Question

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

我正在使用 React、Express、CORS、节点、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 数据库通信。 另外我想使用上面链接的api获取一些价格信息，非常感谢！

Answer 1

Javascript 有一个内置的获取方法（ 请参阅此处）您还可以使用任何第 3 方库，例如axios

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