if语句在react中.具有地图功能的Js

Question

我的代码得到了一个显示列表中项目的映射函数：显示在站点中的项目

我需要写一份if声明，以显示与上的日期相同的项目

地图功能的反作用代码：

function Feed(props) {
console.table(props.data);
const number="";
return (
<>
{
props.data.map(item=>  (
<>
<div className="taskcolorback-div" />
<button className="taskcolor-button" />
<input className="tasktext-b" defaultValue={item.fields.Title}></input>
<button className="taskwhite-button" />

<b className="timeinline">{item.fields.Hours}Hr</b>
<img className="vector-icon" alt="" src="icons8-chevron-right-64.png" />
</>
)) 
}

</>
)
}

Answer 1

// if your item has a date property and it's a string.
const component = /* the component you want to render */
item.fields.date === yourDate ? component : <p> write some error handling </p>
// at least you need some date data

Answer 2

您可以使用三元运算符而不是if语句。

return (
<>
{props.data.map(item =>
item.display === true ? (
<div>{/*Your component Here*/}</div>
) : null
)}
</>
)