react.Js 中的 if 语句与 map function

Question

我的代码有一个 map function 显示列表中的项目：显示在站点中的项目

我需要写一个 if 语句，olny 显示与上面日期相同的项目

map function 的代码：

 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

请通过此链接查看更多详细信息https://reactjs.org/docs/conditional-rendering.html

Answer 2

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

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

Answer 3

// 如果您的项目具有日期属性并且它是一个字符串。

const component = /* 要渲染的组件 */

item.fields.date === yourDate? 零件：

写一些错误处理

// 至少你需要一些日期数据