Quiz for Fetch API & Axios

Q1: What is the Fetch API used for in React?

A. To make HTTP requests B. To style components C. To manage state D. To handle routing

Q2: Which method is used to fetch data from an API?

A. fetch() B. get() C. post() D. axios()

Q3: How do you handle JSON response in fetch?

A. Using response.json() B. Using response.text() C. Using response.data() D. Using JSON.parse()

Q4: What is Axios?

A. A promise-based HTTP client B. A React state management tool C. A CSS framework D. A routing library

Q5: How do you make a GET request using Axios?

A. axios.get(url) B. axios.post(url) C. axios.fetch(url) D. axios.request(url)

Q6: Which method is used to send data with fetch?

A. fetch(url, { method: "POST", body: data }) B. fetch(url, { send: data }) C. fetch.post(url, data) D. fetch.send(url, data)

Q7: How do you catch errors in fetch?

A. Using .catch() after fetch promise B. Using try-catch only C. Using error callback parameter D. No error handling

Q8: How do you set headers in fetch?

A. Using the headers option in fetch config B. Using global headers C. Headers are set automatically D. Cannot set headers

Q9: What is the default HTTP method used by fetch?

A. GET B. POST C. PUT D. DELETE

Q10: How does Axios handle JSON responses?

A. It parses JSON automatically B. It returns raw response C. You must parse manually D. It does not support JSON

Q11: How do you cancel a request in Axios?

A. Using CancelToken B. Using abortController C. Using timeout D. Not possible

Q12: Which of these is true about Fetch API?

A. It returns promises B. It uses callbacks C. It blocks UI D. It works only on server

Q13: How do you send query parameters with fetch?

A. Append them to URL string B. Pass in config object C. Use special parameter D. Not possible

Q14: Which of the following is an advantage of Axios over fetch?

A. Automatic JSON parsing and timeout support B. Smaller bundle size C. Built into browsers D. Simpler syntax always

Q15: How do you handle response status codes in fetch?

A. Check response.status in then B. Use status property in catch C. Automatic error throw D. Not possible

Q16: How to send JSON data in a fetch POST request?

A. Set Content-Type header and JSON.stringify body B. Send raw object C. No need to stringify D. Send as URL params

Q17: What does fetch return?

A. A promise that resolves to a Response object B. The actual data directly C. Nothing D. A callback

Q18: How do you handle cross-origin requests with fetch?

A. By enabling CORS on server B. By setting headers in fetch C. Fetch disables cross-origin D. Not possible

Q19: Which method does Axios provide to make POST requests?

A. axios.post(url, data) B. axios.send(url, data) C. axios.fetch(url) D. axios.request()