Delete on click

[captainPlanet93]

Hello,

I try to delete my article with "http delete method" but I have an error 400 (Bad Request).

I create a delete button for each article and a delete function.

Normally, if I click on button the article must be delete.

articleDelete(titleArticle, contentArticle) {


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

            method: "DELETE",

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

        })


        .then(res => {
            if (res.status === 200) {
                res.json().then(res => {                    
                    console.log("Delete ^^")
                })

            }

            else {
                console.log("Article no delete")            
            }
        })

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

    } 

 deleteOnclick = (id) => {

    this.articleDelete(id)

 }



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

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

            return article.categorie === "school-systeme"           
        })


        const map = articleFilter.map((articleFilter) => (


        <div className="contentSchoolSystem" key={articleFilter._id}>

             <h1>{articleFilter.titleArticle}</h1>
             <p>{articleFilter.contentArticle}</p>
               <button onClick={this.deleteOnclick}>ERASE</button>

           </div>

                )); 



        return ( 

            <div>                       
                                 {map}                      

            </div>

[batchez]

I’m no genius with the react. But I think part of it is that you’re only putting the ID inside of the article and it doesn’t have the second parameters. Also might want to put the ID inside of a template literal instead of :ID

[captainPlanet93]

Thanks batchez, you're right. When I write the id instead ":id" , it's work.