reactjs - 如何在订单数组中呈现每个订单的产品数组

Question

[这是订单数组的屏幕截图，这个数组有 5 个订单，每个订单都有一个 products 数组，如图所示如何渲染每个订单的 products 数组]

https://i.stack.imgur.com/66E1L.png

标签： reactjs

Answer 1

首先，您循环并呈现您的订单，在每个订单中，您循环并呈现订单的所有产品及其数据

{orders.map(order =>
    <div className="order">
        // some order data here

        {order.products.map(product =>
            <div className="product">
                {product.name}

                // product data here
            </div>
        )}
    </div>
)}