// el sitio web se procesa antes de obtener los datos de redux y me da un error // TypeError: no se pueden leer las propiedades de undefined (leyendo 'mapa')
constante Inicio=()=> {
const dispatch = useDispatch(); //import the products list const getProducts = useSelector ((state) => state.getProducts); const { products,users, loading, error}= getProducts; //i fetch the data const AllUsersData = [ ...(users.map(item => item.createdAt))]; console.log(AllUsersData); console.log(users); useEffect(() => { dispatch(listProducts()); }, [dispatch]); return ( <div className="home"> <FeaturedInfo/> {loading ? ( <h2>loading...</h2> ) : error ? ( <h2>{error}</h2> ) : ( <Chart data={AllUsersData} title="User Analytics" grid dataKey="Active User"/> ) } <div className="homeWidget"> <Widgetsmall/> <Widgetlg/> </div> </div> )}
Exportar Inicio predeterminado
Se espera que los users sean una matriz ya que está utilizando la función de map . Necesitarás:
const { products = [],users = [], loading, error} = getProducts;O
map : const AllUsersData = users ? [ ...(users.map(item => item.createdAt))] : [];