input FormData reactjs hooks

Question

I'm learning react js, here I am making an input to the database. here I have a problem how to send data with the format FormData (); use hooks ?

const initialFormState = { id: null, id_user: '1', kode: '', qty: '', harga: '' }
  
    const [ibarang, setIbarang] = useState(initialFormState);

    const handleInputChange = (e) => {
        const { name, value } = e.target
        setIbarang({ ...ibarang, [name]: value })

    }

    const handleSubmitBarang = async (e) => {
        e.preventDefault()
        console.log(ibarang);
        try {
        let res = await Axios.post('https://API.COM', ibarang, {
            'Content-Type': 'application/x-www-form-urlencoded',
        })
        console.log(res.data)
        if (res.data.status === 200) {
            setTimeout(() => {
                // history.push("/dashboard")
            }, 500);
        } else if (res.data.status === 401) {
            setalertMessage("Username atau password salah!")
        } else {
            setalertMessage("Periksa kembali koneksi internet anda")
        }
    } catch (error) {
        setalertMessage("Periksa kembali koneksi internet anda")
    }

}

well, you can use any package you want to send the data to the server. I would recommend to use something more simple, like axios, to send simple JSON strings. Give it a try. — Or Assayag
– Or Assayag, Commented Nov 20, 2020 at 20:23
I have updated my code above, I mean, how about use let FormData = require ('form-data'); let data = new FormData (); — Harry Wardana
– Harry Wardana, Commented Nov 20, 2020 at 20:26

Or Assayag · Accepted Answer · 2020-11-20 20:30:01Z

2

First, add the axios NPM package by

npm i axios

Second, try something like:

import axios from 'axios';

// Submit the form data 
axios.post('https://API.COM', 
  JSON.stringify(ibarang)
).then(response => {
  console.log('Submit Success')
}).catch(e => {
  console.log('Submit Fail')
});

answered Nov 20, 2020 at 20:30

Or Assayag

6,39213 gold badges73 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

input FormData reactjs hooks

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related