如何显示此API中的单个产品

Question

我想显示此API的产品？

我不想显示所有这些，只想显示与productCode参数关联的一个

import React, {useEffect, useState} from 'react';
import { useParams } from 'react-router-dom';
function ItemDetail() {
const { productCode } = useParams(); // <-- access `productCode` param
const [item, setItem] = useState({});
const token = "ace1a6fd-a483-3de5-9df7-6c9b3acaa93b";
useEffect(() => {
// reference `productCode` in request
fetch(
`https://api.flash-internal.flash-group.com/ecommerceManagement/1.0.0/api/product/${productCode}`,
{
method: "GET",
headers: { Authorization: `Bearer ${token}` },
}
)
.then((res) => res.json())
.then((json) => setItem(json));
}, [productCode]); // <-- add `productCode` as dependency
console.log(productCode);
return (
<div>Item Detail Page</div>
)
}
export default ItemDetail;

Answer 1

请在以下部分中尝试：

then((json) => {Object.keys(json).map(item => item.id ==  productCode.id ? setItem(item) : ") });