Full-Stack React Projects - Second Edition

Reading a user profile

The read method will use fetch to make a GET call to retrieve a specific user by ID. Since this is a protected route, besides passing the user ID as a parameter, the requesting component must also provide valid credentials, which, in this case, will be a valid JWT received after a successful sign-in.

mern-skeleton/client/user/api-user.js:

const read = async (params, credentials, signal) => {  try {    let response = await fetch('/api/users/' + params.userId, {      method: 'GET',      signal: signal,      headers: {        'Accept': 'application/json',        'Content-Type': 'application/json',        'Authorization': 'Bearer ' + credentials.t      }    })    return await response.json()  } catch(err) {    console.log(err)  }}

The JWT is attached to the GET fetch call in ...