ASP.NET Core 3 and React

Chapter 12 – Interacting with RESTful APIs

1. What is wrong with the following HTTP POST request using the fetch function?

fetch('http://localhost:17525/api/person', {  method: 'post',  headers: {    'Content-Type': 'application/json',  },  body: {    firstName: 'Fred'    surname: 'Smith'  }})

The problem is that the fetch function expects the body to be in string format. The corrected call is as follows:

fetch('http://localhost:17525/api/person', {  method: 'post',  headers: {    'Content-Type': 'application/json',  },  body: JSON.stringify({    firstName: 'Fred'    surname: 'Smith'  })})

2. What is wrong with the following request using the fetch function?

fetch('http://localhost:17525/api/person/1')  .then(res => {    console.log('firstName', res.body.firstName);  })