React JSX conditional call to web api

Question

I am beginner in a React JS. Can anyone help me to write a conditional API call in JSX. I am trying the following and it's not working

const GetOrPost = useState(true);

const GetOrPostDataFeed = (formdata)=>{

if(GetOrPost)
{
acquireToken().then((response) => {
                fetch(window.location.origin + '/api/file', { method: 'POST', headers: { Authorization: 'Bearer ' + response.accessToken }, body: formData })
                    .then(response => response.json())
                    .then(data => { console.log('Success:', data);  })
                    .catch((error) => {
                        console.error('Error:', error);
                        trackError(error);
                         });
                    });
}
else
{
acquireToken().then((response) => {
            fetch(window.location.origin + '/api/GetDetail/' + id)
                .then(response => response.json())
                .then(data => { console.log('Success:', data);  })
                .catch((error) => {
                    console.error('Error:', error);
                    trackError(error);
                });
        });
}

}

Any errors in your console? Do you see the request in your network tab? — blex
– blex, Commented May 7, 2021 at 10:34
Please consult the official react documentation for useState to ensure you used the feature with the correct syntax before posting to Stackoverflow. — Martin
– Martin, Commented May 7, 2021 at 10:46

Viet · Accepted Answer · 2021-05-07 10:38:19Z

1

You are declaring state wrong way. You need update component like this:

const [GetOrPost, setGetOrPost ] = useState(true);

GetOrPost is the value and setGetOrPost is the function to change value of GetOrPost. You can read more in here

answered May 7, 2021 at 10:38

Viet

12.9k2 gold badges18 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

React JSX conditional call to web api

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