React & Axios - 从对象内部的对象中获取值

Question

我在这里做一个小项目，但在开始使用 API 时遇到了困难。

所以我遇到的问题是我需要访问 api 中的“价格”部分。以下是 api 中一种产品的示例：

我已经设法进入0: Object 等，所以我可以访问name 和brandName 等。但我还需要进入price 那里。

我自己也试过了，但都没有成功。

这是我的代码：

import axios from "axios";
import { useState } from "react";

const ApiTest = (props) => {
  const [product, setProducts] = useState([]);
  const [price, setPrice] = useState([]);

  const getProducts = () => {
    const options = {
      method: "GET",
      url: "https://asos2.p.rapidapi.com/products/v2/list",
      params: {
        store: "US",
        offset: "0",
        categoryId: "4209",
        limit: "48",
        country: "US",
        sort: "freshness",
        currency: "USD",
        sizeSchema: "US",
        lang: "en-US",
      },
      headers: {
        "x-rapidapi-key": "",
        "x-rapidapi-host": "",
      },
    };

    axios
      .request(options)
      .then(function (response) {
        setProducts(response.data.products);
        console.log(response.data.products);
      })
      .catch(function (error) {
        console.error(error);
      });
  };

  return (
    <div>
      <button onClick={getProducts}>Get Products</button>
      <div>
        <ul>
          {product.map((post) => (
            <li key={post.id}>{post.brandName}</li>
          ))}
        </ul>
      </div>
    </div>
  );
};

export default ApiTest;

Answer 1

你只需要：

products[0].price.currency