De acuerdo, esta puede ser una pregunta realmente juvenil, pero acabo de comenzar a trabajar con reaccionar y no sé mucho al respecto.

La cosa es: estoy tratando de codificar un comercio electrónico. Para acceder a una determinada página del sitio web (productos), necesita un token (para iniciar sesión, autenticar). Entonces, lo primero que hago en cada página (que requiere iniciar sesión) es verificar si el usuario ha iniciado sesión, y si es así, tomo el token y lo configuro en el encabezado de esta manera:

 function Products() { Promise.all([ fetch('http://localhost:3001/login', { method: 'get', headers: new Headers({ 'Authorization': sessionStorage.getItem("token"), 'Content-Type': 'application/x-www-form-urlencoded' }) }).then(value => value.json()), fetch('http://localhost:3001/productos').then(value => value.json()) ]).then((value) => { console.log(value) }) }

La primera búsqueda funciona bien, porque establece que el encabezado 'autorización' es igual al token del usuario, PERO la segunda búsqueda no tiene este encabezado.

Pensé que el encabezado persistiría ... Como no lo hace, cuando la búsqueda de productos intenta cargar los datos, no lo hace, porque no tiene el encabezado 'autorización' ...

¿Alguien podría ayudarme por favor?