反应本机格式API结果

Question

对不起，我是React的新手。我有API的结果返回了一些结果，并将它们呈现在屏幕上：

<Block flex center style={styles.deals}>
    <ScrollView
        showsVerticalScrollIndicator={false}
        contentContainerStyle={styles.products}
    >
        <Product product={products[0]} full />
            <Block flex row>
                <Product
                    product={products[1]}
                    style={{ marginRight: theme.SIZES.BASE }}
                />
                <Product product={products[2]} />
            </Block>
        <Product product={products[3]} horizontal />
    </ScrollView>
</Block>

我在做什么，我正在创建一系列应该完整渲染的产品（即<Product product={products[0]} full />）

比成对呈现的另一组产品：即：

 <Block flex row>
        <Product
            product={products[1]}
            style={{ marginRight: theme.SIZES.BASE }}
        />
        <Product product={products[2]} />
   </Block>

最后...如果对数不偶数，则我将最后一对渲染为：<Product product={products[3]} horizontal />

完全复杂..带有很多if ...等等....仅检查是否有人之前遇到过类似的事情..这样做可能更容易。

谢谢！