Javascript 反应：使用axios获取用户id的数据

我使用react创建了一个简单的列表，并使用axios获取数据，如下所示

import React，{useState，useffect}来自“React”；
从“react dom”导入react dom；
导入“/styles.css”；
从“axios”导入axios；
导出默认值（）=>{
const[list，setList]=React.useState（[]）；
useffect（（）=>{
axios
.get（“https://jsonplaceholder.typicode.com/posts")
。然后（（响应）=>{
setList（response.data）；
})
.catch（（err）=>console.log（err））；
}, []);
返回(

{list.map（（项目，索引）=>(

{item.title}

))}

);
};

---

如您所见，所有标题都显示出来例如，如何仅显示

userID

=2的标题？

您需要这样更新：

{list.map((item, index) => {
        if (item.userId === 2) {
          return (
            <li key={item.id}>
              <div>{item.title}</div>
            </li>
          );
        }
        return null;
      })}

{list.map（（项目，索引）=>{
如果（item.userId==2）{
返回(

{item.title}

);
}
返回null；
})}

---

链接：

非常感谢。我想我需要在axios函数中添加一些东西。我投票结束这个问题，因为它已经有了一个@Martin。事实上，一个问题的答案存在于其他地方，这并不是结束一个问题的理由。

{list.map((item, index) => {
        if (item.userId === 2) {
          return (
            <li key={item.id}>
              <div>{item.title}</div>
            </li>
          );
        }
        return null;
      })}