'How to show the data category wise in MERN?

I am currently developing a small web app using MERN. Here I have developed the backend part and frontend part of it. I want to get the response data category-wise. For example, in my database there are details of assets(Laptops, mobiles etc) with attributes like assetName and assetCategory. There's a functionality to search those assets category-wise. In the frontend, I have used a search bar and user can type the category of asset which is wanted to see. Then backend server gives the response of that. I have developed routes and controllers for the backend part and I will show the controller here.

//find assets by category
exports.assetsByCategory = async(req,res) => {
    const CATEGORY = req.body.assetCategory;
    
    const asset = await Asset.find({"assetCategory" :{$regex: new RegExp([CATEGORY?.toLowerCase()], "i") }})
    .then((assets)=>{
        res.json(assets)
    }).catch((err)=>{
            console.log(err);
            res.status(500).send({message:"No assets like that category!",error:err.message})
    })
    
}

The code for this function which is in the frontend part will be shown here.

function searchCategoryBar(e)
    {
        e.preventDefault();
        const searchedCategory = {assetCategory}
        console.log(searchedCategory)
        
        axios.get("http://localhost:8070/assets/category",searchedCategory).then((asset)=>{

            setAssets(asset.data);
            console.log(asset.data);
        }).catch((err)=>{
            alert(err.message);
        })
    }

So that, when I type "lap" on the search bar and then the response must be shown the asset list of laptop category. But in here, response shows all the assets lists without category-wise.

Please give me some help to solve this issue, Thank you!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source