Questions

Answer the following questions to check what you have learned in this chapter:

1. The following effect attempts to fetch data from a REST API and store it in the state:

   useEffect(async () => {

     const response = await fetch('https://some-rest-api/');

     const data = await response.json();

     setData(data);

   }, []);

What are the problems with this implementation?

2. The following fetching function returns an array of first names:

   export async function getFirstNames() {

     const response = await fetch('https://some-    firstnames/');

     const body = await response.json();

     return body;

   }

However, the return type of the function is any. So, how can we improve the implementation to have a return type of string[]?

3. In the fetch function argument, what should be specified in the method option for it to make an HTTP PUT request?

   fetch(url, {

     method: ???,

     body...