Daftar dan Belajar Sekarang!

Fetch post api di react hasilnya nan

foto tonisuwendi
168 Kontribusi 36 Coto
3 bulan yang lalu
pas di console.log ada hasilnya
{title: "123", description: "123", check: "on"}
handleSubmit = (e) => {
        e.preventDefault()
        let data = {
            title: this.state.title,
            description: this.state.description,
            check: this.state.check
        }
        fetch("http://localhost:5000/api/sick", {
            method: 'POST',
            headers: {
                "Authorization" : localStorage.getItem('token')
            },
            body: JSON.stringify(data)
        })
        console.log(data)
    }
dan di servernya saya console.log isi req.bodynya hasilnya NaN
const title = req.body.title
    const description = req.body.description
    const file = "tes"
    const check = req.body.check
    console.log(title + description + check)
  • coba di cek dulu gan ini dari variable ini satu persatu. console.log(title, description, check) - ledihildawan
  • saya coba console.log satu persatu hasilnya undefined, kenapa yah? - tonisuwendi

Tag: reactjs nodejs

✔ Forum ini sudah terjawab


Jawaban
foto tonisuwendi
168 Kontribusi 36 Coto
3 bulan yang lalu
solved menambahkan 'Content-Type': 'application/json' di headers, sehingga kodenya menjadi seperti ini
handleSubmit = (e) => {
        e.preventDefault()
        let data = {
            title: this.state.title,
            description: this.state.description,
            check: this.state.check
        }
        fetch("http://localhost:5000/api/sick", {
            method: 'POST',
            headers: {
                "Authorization" : localStorage.getItem('token'),
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        })
        console.log(data)
    }
answered icon
foto tonisuwendi
168 Kontribusi 36 Coto
3 bulan yang lalu
solved menambahkan 'Content-Type': 'application/json' di headers, sehingga kodenya menjadi seperti ini
handleSubmit = (e) => {
        e.preventDefault()
        let data = {
            title: this.state.title,
            description: this.state.description,
            check: this.state.check
        }
        fetch("http://localhost:5000/api/sick", {
            method: 'POST',
            headers: {
                "Authorization" : localStorage.getItem('token'),
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        })
        console.log(data)
    }


Login untuk diksusi di forum sekolah koding