[英]React : Get data of a user_id with axios
我有一個使用反應創建的簡單列表,並使用 axios 獲取數據,如下所示
https://codesandbox.io/s/old-worker-6k4s6
import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
import axios from "axios";
export default () => {
const [list, setList] = React.useState([]);
useEffect(() => {
axios
.get("https://jsonplaceholder.typicode.com/posts")
.then((response) => {
setList(response.data);
})
.catch((err) => console.log(err));
}, []);
return (
<div>
<ul>
<div>
{list.map((item, index) => (
<li key={item.id}>
<div>{item.title}</div>
</li>
))}
</div>
</ul>
</div>
);
};
如您所見,顯示了所有標題。 例如,我怎樣才能顯示只有userID
= 2 的標題?
您需要像這樣更新:
{list.map((item, index) => {
if (item.userId === 2) {
return (
<li key={item.id}>
<div>{item.title}</div>
</li>
);
}
return null;
})}
鏈接: https://codesandbox.io/s/peaceful-oskar-x0r5t?file=/src/App.js
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.