Estaba trabajando en un proyecto de reacción que usa la función de mapa, estoy usando el enrutador de reacción dom y redux, también aparece este error cuando busco usuarios de la base de datos de mongoose, el archivo que arroja el error es Users.js, y mis marcos colapsan, el código se proporciona a continuación Users.js
import React, { useEffect } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { fetchUsers } from '../../redux/actions/users/userActions'; import Loading from '../Loading/Loading'; const Users = () => { const dispatch = useDispatch(); useEffect(() => { dispatch(fetchUsers()); }, [dispatch]); const usersList = useSelector(state => state.usersList); const { loading, users, error } = usersList; console.log(users, loading, error); return ( <div className='container-fluid'> <h1 className='text-center m-5'>List of users {users && users.length}</h1> <hr className='text-white' /> <div className='row text-center justify-content-center'> {loading ? ( <Loading /> ) : ( <> {users && users.map(user => ( <div className='col-lg-3' key={user._id}> <div className='card'> <div className='card-body'> <h5 className='card-title'>{user.name}</h5> <p className='card-text'>{user.email}</p> <i className='far fa-address-card h2 text-info'></i> </div> </div> </div> ))} </> )} </div> </div> ); }; export default Users;pero al enviar la respuesta recibo el siguiente error
20 | {loading ? ( 21 | <Loading /> 22 | ) : ( > 23 | <> | ^ 24 | {users && 25 | users.map(user => ( 26 | <div className='col-lg-3' key={user._id}>¿alguien puede ayudarme a ordenar esto?
Verifique el objeto de sus users . Puede ser que su valor predeterminado esté definido pero no con una matriz vacía (e intente usar la función de mapa), o que los usuarios en el selector tengan un tipo diferente (sin matriz) después de configurar desde la respuesta del servidor.