if / else语句是否在return语句内的循环内？

debugcn 发表于 Dev

科里·艾伦

是否可以在循环中进行条件处理？我想打印我的对象数组（例如：orders = [{{id：000，delivery_date：1/10/2019，纸杯蛋糕：[香草，巧克力，草莓]}，...]），但我只想打印打印后端数据库（在单独的服务器上运行）中和最近提交的（日期> = orders.delivery_date）

有没有办法做到这一点？

renderTableData(orders) {
          const date = new Date(); 
          return (
              <tbody>
                {orders && orders.filter(order => date => new Date(order.delivery_date)).map(item =>
                    //CONDITIONAL HERE? 
                        <tr key={item.id}>
                          <td>{new Date(item.delivery_date).toLocaleDateString()}</td>
                          <td>
                            {item.cupcakes.map((subitem =>
                                <ul>
                                <li>{subitem.base}</li>
                                <li>{subitem.frosting}</li>
                                <li>{subitem.toppings}</li>
                                </ul>
                            ))}
                          </td>
                        </tr>

                )}
              </tbody>
          );
        }

凯尔文·坎塔里亚

使用(condtion)?"true":"false"运算符

请尝试这个

 renderTableData(orders) {
              const date = new Date(); 
              return (
                  <tbody>
                    {orders && orders.map(item =>(
                            date >= item.delivery_date ? 
                            <tr key={item.id}>
                              <td>{new Date(item.delivery_date).toLocaleDateString()}</td>
                              <td>
                                {item.cupcakes.map((subitem =>
                                    <ul>
                                    <li>{subitem.base}</li>
                                    <li>{subitem.frosting}</li>
                                    <li>{subitem.toppings}</li>
                                    </ul>
                                ))}
                              </td>
                            </tr>
                          : ""
                    )) }
                  </tbody>
              );
            }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。