Я создаю веб-сайт электронной коммерции с nodejs, reactjs и mongodb. У меня есть такие категории, как manU, chelsea, everton и так далее. Затем у меня есть дизайн внешнего интерфейса, упорядоченный по категориям.
Изображения: [1]: https://i.stack.imgur.com/VGTXw.png [2]: https://i.stack.imgur.com/uT7EQ.png
Я хочу заполнить базу продуктов для каждой категории в карусели, то есть «Человек, который вы продукт» будет go в карусели ManU, Chelsea будет go в карусели Chelsea и так далее. Это больше похоже на создание шорткода для каждой категории для отображения в карусели в соответствии с дизайном
Я написал бэкэнд, код с nodejs для получения идентификатора, код ниже:
exports.read = async (req, res) => {
let category = await Category.findOne({ slug: req.params.slug }).exec();
// res.json(category);
Product.find({ category })
.populate("category", "_id name slug")
.populate("postedBy", "_id name username")
.exec((err, products) => {
if (err) {
return res.status(400).json({
error: errorHandler(err),
});
}
res.json({ category, products });
});
};
My question is, how do I get specific product based on a category with reactjs and display in frontend carousel?
More like short code.
Thanks in advance.
[1]: https://i.stack.imgur.com/VGTXw.png
[2]: https://i.stack.imgur.com/uT7EQ.png