Hola, estoy tratando de obtener datos y mostrarlos en una lista, pero de alguna manera no funciona. ¿Alguien puede decirme qué está mal con la siguiente función? No muestra nada o me dice que los datos no son válidos como accesorios para niños. gracias por las respuestas
export async function getServerSideProps(context) { const res = await fetch('https://jsonplaceholder.typicode.com/posts') const data = await res.json() return { props: { data }, // will be passed to the page component as props } } export default function Home({data}) { return ( <div> <h1>Hello World</h1> <div> { data.forEach(item => { return <li>{item.title}</li> }) } </div> </div> ) }return ( <div> <h1>Hello World</h1> <ul>{data.map(item => (<li key={item.title}>{item.title}</li>)}</ul> </div> ) key debe ser un valor único (consulte los documentos de React).