El código cuando consola. log (usuario) devuelve indefinido cuando debería devolver esto... [{ id: 1, nombre: 'nombre de usuario' }] .
No sé qué está causando que lo haga, si tiene alguna idea, dígame algo que pueda hacer, tal vez haya actualizaciones para useContext, si es así, infórmeme. ¡¡Gracias por adelantado!!
import {createContext, useState} from 'react' const UsersContext = createContext() export const UsersProvider = ({children}) => { const {user, setUser} = useState([{ id: 1, name: 'username' }]) return <UsersContext.Provider value={ {user} }>{children}</UsersContext.Provider> } export default UsersContext // The next File... import UserItem from "./UserItem" import {useContext} from 'react' import UsersContext from "../context/UserContext" function userList({handleDelete}) { const {user} = useContext(UserContext) return ( <div> {console.log(user)} </div> ) } export default UserListFin del código...
import {createContext, useState} from 'react' const UsersContext = createContext(null) export const UsersProvider = ({children}) => { // useState returns an array not object // if you want to store one user, use an object const [user, setUser] = useState({id: 1,name: 'username'}) // if you want to store mutiple users const [user, setUser] = useState([{id: 1,name: 'username'}]) return <UsersContext.Provider value={{user}}> {children} </UsersContext.Provider> } export default UsersContext // The next File... import UserItem from "./UserItem" import {useContext} from 'react' import UsersContext from "../context/UserContext" function userList({handleDelete}) { const { user } = useContext(UserContext) return ( <div> // if you used an object {user?.username} // for array of objects {user && user.map((user, i) => (<p key={i}>{user.username}</p>))} </div> ) } export default UserListLo primero que desea verificar es asegurarse de que el componente UserList esté envuelto con UserProvider