Estoy tratando de hacer un método de mapa simple, los datos 1,2,3,4,5 se pueden mostrar con éxito en console.log, pero no se muestran en el sitio web.
import React from 'react' export default function secretStashScreen() { const numbers = [1, 2, 3, 4, 5]; return ( <div> {numbers.map((number)=>{<div>{number}</div>}) } </div> ) }Código de advertencia después de compilado:
warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/d Error: Aborted because ./pages/secret-stash.js is not accepted Update propagation: ./pages/secret-stash.js -> ./node_modules/next/dist/build/webp at applyHandler (http://localhost:3000/_next/static/chunks/webpack.js?ts=16572 at http://localhost:3000/_next/static/chunks/webpack.js?ts=1657263030521:564:2 at Array.map (<anonymous>)¿Hay algo que hice mal?
Debe eliminar los corchetes en el map para devolver valores
numbers.map((number)=><div>{number}</div>) Si desea mantener los corchetes, debería haber return explícitamente
numbers.map((number)=>{return <div>{number}</div>})Elimina tu corchete {}
{numbers.map((number)=><div>{number}</div>)}