3
respuestas

[Duda] Al recorrer el arreglo me sale este error

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

3 respuestas

Hola, sería de mucha ayuda que nos compartieras tu codigo para poder darnos una idea general y poder detectar mas fácil el error.

import { useState, useEffect } from "react"
import "../assets/css/componentes/card.css"
import { buscar } from "../api/api"
import { Link } from "react-router-dom"



const ListPosts = ({ url }) => {

    const [posts, setPosts] = useState=([]);

    useEffect(() => {
        buscar(url, setPosts)
 
    }, [url])

    return (
        <section className="posts container">
              {
                posts.map(post => {
                    const { id, title, metadescription, categoria } = post;
                    return <Link to={`/posts/${id}`} className={`post__card post-card--${categoria}`} key={id}>
                        <article >
                            <h3 className="post-card__title">
                                {title}
                            </h3>
                            <p className="post-card__meta">{metadescription}</p>
                        </article>
                    </Link>
                })
            }
            
              

        </section>
    )
}

export default ListPosts

Este el codigo del componente ListPosts

Holaa, no se si ya hayas arreglado tu error, revisando tu codigo vi un error en la siguiente linea: const [posts, setPosts] = useState=([]); Hay un signo igual despues de useState.... Corrige esa línea de la siguiente manera, espero esto resuelva el error. const [posts, setPosts] = useState([]);