Estoy tratando de implementar un login de usuario con react. Le estoy enviando una cookie creada con cookie-parser desde node para mantener la sesión del usuario, pero no logro acceder a ese valor con react, probe con la librería js-cookie pero no lee el valor de una cookie ya creada, me devuelve siempre un objeto vacío.
Alguna idea o sugerencia? Gracias.
import React, { useEffect, useState } from 'react'
import axios from 'axios';
import Cookies from 'js-cookie';
export default function Login(props) {
const [data, setData] = useState({})
const [error,setError] = useState('')
const [login, setLogin] = useState(false)
const endpoint = "http://localhost:4000/users/login"
axios.defaults.withCredentials = true
function handleChange(e) {
const {name,value} = e.target;
setData({
...data,
[name] : value
})
}
useEffect(() => {
axios.get(endpoint).then(res => {
console.log(res.data)
}) }, [login])
const read = Cookies.get()
console.log(read)
const handleSubmit = (e) => {
e.preventDefault();
axios.post(endpoint,data).then(res => {
console.log(res)
setLogin(true)
}).catch(Error => {
setError("Hubo un error")
})
}