How to add a header into post API using axios in react?

Question

I'm trying to make a post API with axios. I have a component with axios syntax:

export function postAPI(callback, url, body) {    
    axios.post(url, body, { headers: { 'Key': '*******'}})
        .then(res => callback({ data: res.data, isLoading : false }))
        .catch(err => callback({ error: err, isLoading : false }));
}

and I'm doing a request like this:

 postAPI(result => {
     const { data, error } = result;

     if (error) {
           alert('error')    
     }
     if (data) {
           alert('success')
      }
 }, URL, body });

Objective: I have other post request that must have one more header, but I don't know how to do it in that case...

Someone can help?

Have you seen this ? <stackoverflow.com/questions/45578844/…> — bakar_dev
– bakar_dev, Commented Oct 2, 2019 at 13:49

Eugene · Accepted Answer · 2019-10-02 14:11:29Z

2

Maybe something like this

export function postAPI(callback, url, body, additionalHeaders) {    
    let headers = [{ 'Key': '*******'}];
    if (additionalHeaders) {
      headers = [...headers, ...additionalHeaders];
    }
    axios.post(url, body, { headers })
        .then(res => callback({ data: res.data, isLoading : false }))
        .catch(err => callback({ error: err, isLoading : false }));
}

 postAPI(result => {
     const { data, error } = result;

     if (error) {
           alert('error')    
     }
     if (data) {
           alert('success')
      }
 }, URL, body, [{'Content-Type': 'application/json'}] });

edited Oct 2, 2019 at 14:11

answered Oct 2, 2019 at 13:54

Eugene

10k4 gold badges40 silver badges56 bronze badges

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

2 Comments

Eugene Over a year ago

@CatarinaBatista sorry this was a pseudocode, updated to a working example

Kit Over a year ago

I just change headers = [...headers, ...additionalHeaders] to headers = {...headers, ...additionalHeaders} and [{'Content-Type': 'application/json'}] to {'Content-Type': 'application/json'} Thank you so much :)

Collectives™ on Stack Overflow

How to add a header into post API using axios in react?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related