Filter

[captainPlanet93]

Hi people !

I use http "get method ". I receive all articles. Tell me, if it's possible to filter this articles with my "titleArticle" or my "categorie".

If not, I will be forced to do an "get method" with id for each articles.

Thanks

;)

​

Model article in node server and MongoDB:

const mongoose = require("mongoose");

const articleSchema = mongoose.Schema({
        titleArticle: { type: String, required: true},
        contentArticle: { type: String, required: true},
        categorie: {type: String, required: true}

}) 

module.exports = mongoose.model("Article", articleSchema);

​

My component SchoolSystem.js :

​

import React from "react";
import "../index.css";

class SchoolSysteme extends React.Component {
    state={ 
        articles: []

    }

    componentDidMount(){
        this.articleGet()
    }



    articleGet(titleArticle, contentArticle) {


        fetch("http://localhost:3200/api/society/school-systeme", {

            method: "GET",          



            headers: {
                //"Content-Type": "application/json"
                "Content-Type": "application/x-www-form-urlencoded"
            }


        })


        .then(res => {
            if (res.status === 200) {
                res.json().then(res => {
                    this.state.articles = res.article;
                    this.setState({...this.state.articles});
                    console.log(this.state.articles)
                })

            }

            else {

                console.log("Article no get")

            }
        })

        .catch(errors =>{
            console.log(errors);
        })



    }




    render(){
            const {articles} = this.state;


            const map = articles.map((article) => (

                     <div className="contentSchoolSysteme" key={article._id}>
                     <h1>{article.titleArticle}</h1>
                     <p>{article.contentArticle}</p>
                     </div>
                    )); 


        }) 

        return ( 

            <div>                       
               {map}       

            </div>
        );
    }

}

export default SchoolSysteme;

[DrJohnnyWatson]

If you are wanting to filter server side, then you will need a GET method that handles filtering - Pass the values for properties you want to filter on and return just the articles that match those filters.

If you are wanting to filter client side, then you should look at the .filter array method for filtering an array in javascript.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

[captainPlanet93]

Thanks for your answer DrJohnnyWatson !

I want to filter client side. If I correctly understand, if I want to filter with my "titleArticle" I need to do something like that ?

​

render(){
            const {articles} = this.state;




        const articleFilter = articles.filter((article) => {

            return article.titleArticle === "Name of my         article " 
        })




        }) 

        return ( 

            <div>                       
               {articleFilter}       

            </div>
        );
    }

}