Как передать два кверисета на одной странице? (django rest framework и react)

Я хочу показать два значения queryset в одном и том же url. У меня есть домашняя страница, где я передаю список всех продуктов, и после этого раздела на той же странице я пытаюсь показать продукт, основанный на категории, как это сначала последние продукты, затем следующий раздел все велосипеды (основанные на категории).

@api_view(['GET'])

def getProducts(request):

     products = Product.objects.all()

     p = Product.objects.all().filter(category = 1)


   context = {
        "request": request,
    }
    
first_serializer = ProductSerializer(products, many= True, context=context)
second_serializer = ProductSerializer(p, many= True, context=context)

response = first_serializer.data + second_serializer.data
return Response(response)

это моя страница реакции

Последние продукты

---

        {loading ? <Loader />
            : error ? <Message variant='danger'>{error}</Message>
                :
                <Row>
                    {products.map(product => (
                        <Col key={product._id} sm={12} md={6} lg={4} xl={3}>
                            <Product product={product} />
                        </Col>
                    ))}
                </Row>     
            }

Мне нужна такая же процедура, как эта

 <Row>
                    {p.map((product) => (
                        <Col key={product._id} sm={12} md={6} lg={4} xl={3}>
                            <Product product={product} />
                        </Col>
                    ))}
                </Row>  

            
             <Row>

но я не смог отобразить объект p. Что мне теперь делать? Я использую react с redux.

Вернуться на верх