Reactjs 过滤不带<；碎片>；在火基之前

您好，我尝试根据数据的状态筛选数据，问题是如果我不在if前面加a，它就不想这样做，如果我在if前面加a，它只显示if匹配的数据，但仍然显示我的数据

{orders
           .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
           .map((order) => (
             <Fragment>{ order.statut === 'Validé' ?  <TableRow key={order.id}>
               

               <TableCell colSpan={12} >
        <NavLink  className="NavProjet" to={`./settings/${order.id}`}  replace key={order.id} ><Projetfinis type={order.type} key={order.id}>
          <Projetid>#{order.orderid}</Projetid>
           <Projettype type={order.type}>{order.type}</Projettype>
           <ProjetDate> <Moment format="DD/MM/YYYY">
           {order.time}
            </Moment></ProjetDate>
           <ProjetTitre>{order.nomproduit}</ProjetTitre>
           <ProjetStatut statut={order.statut}>{order.statut}</ProjetStatut>
           <ProjetIcon><MdAdd/></ProjetIcon>
         </Projetfinis></NavLink>


               </TableCell>
              </TableRow> : null }</Fragment>
            ))}

{orders
.slice（第页*rowsPerPage，第页*rowsPerPage+rowsPerPage）
.map（（顺序）=>(
{order.statut=='Validé'？
#{order.orderid}
{order.type}
{order.time}
{order.nomproduit}
{order.statut}
：null}
))}

---

如果有人有解决方案，谢谢您的时间。

如果您希望代码在没有

的情况下工作，您可以将其更改为：

{
  orders
    .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
    .map(order => {
      if (order.statut === "Validé") {
        return (
          <TableRow key={order.id}>
            <TableCell colSpan={12}>
              <NavLink
                className="NavProjet"
                to={`./settings/${order.id}`}
                replace
                key={order.id}
              >
                <Projetfinis type={order.type} key={order.id}>
                  <Projetid>#{order.orderid}</Projetid>
                  <Projettype type={order.type}>{order.type}</Projettype>
                  <ProjetDate>
                    {" "}
                    <Moment format="DD/MM/YYYY">{order.time}</Moment>
                  </ProjetDate>
                  <ProjetTitre>{order.nomproduit}</ProjetTitre>
                  <ProjetStatut statut={order.statut}>
                    {order.statut}
                  </ProjetStatut>
                  <ProjetIcon>
                    <MdAdd />
                  </ProjetIcon>
                </Projetfinis>
              </NavLink>
            </TableCell>
          </TableRow>
        );
      } else {
        return null;
      }
    });
}

{
命令
.slice（第页*rowsPerPage，第页*rowsPerPage+rowsPerPage）
.map（顺序=>{
如果（order.statut==“Validé”）{
返回(
#{order.orderid}
{order.type}
{" "}
{order.time}
{order.nomproduit}
{order.statut}
);
}否则{
返回null；
}
});
}

---

但是碎片有什么问题？它不会被渲染到DOM中，因此它不应该干扰任何其他内容。

您希望在前面放置什么内容？一个

标记？目前我的{order.status=='Validated'？…只有当我把它放在前面时才有效，但是因为有一个片段，它认为仍然有13个片段，而过滤器只输出4个，我想要的是一个解决方案，在没有片段的情况下执行if