我的shopify api中有数据我想在我的reactjs应用程序中使用该数据我该怎么做

Question

数据是这样的 我只想在列表中显示标题和评分 api 是这样的 = {apikey}{password}@{shopname}.myshopify/admin/api/{api-version}/{resource.json}

{ 
  "orders": [
              { "tittle" : "name 1", "rating": 5 }, 
              { "tittle" : "name 2", "rating": 3 }, 
              { "tittle" : "name 3", "rating": 1 }, 
              { "tittle" : "name 4", "rating": 2 }, 
           ]
}

Answer 1

我假设您正在向 api 发出请求，因为您几乎没有提供任何信息。

const [orders, setOrders] = useState();

ApiRequest.then((res) => setOrders(res.orders)) （为您的 api 响应创建一个状态）

<ul>
 {orders.map((order) => <li> Title: {order.title}, Rating: {order.rating} </li>)}
</ul>

通过映射结果数组将响应呈现到 JSX。