Estoy tratando de imprimir la salida en reaccionar js usando matrices y accesorios. El resultado debe mostrarse como 2 encabezados (h) y 2 párrafos (p) Pero da este error Error: Inicio (...): No se devolvió nada del procesamiento. Esto generalmente significa que falta una declaración de devolución. O, para no representar nada, devuelve nulo
archivo de nota
const Note = [ { id:1, h:"Eggs", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] export default Note;Archivo de inicio
import React from 'react'; import Note from "./Note"; import menu from "./menu"; function nCard(val) { return( <menu h={val.h} p={val.p} /> ); } const Home = (props) => { {Note.map(nCard)} } export default Home;archivo de menú
const menu = (props) => { return ( <div> <h1>{props.h}</h1> <p>{props.p}</p> </div> ) } export default menu;Índice de archivo js
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import index from './index.css'; import {BrowserRouter} from 'react-router-dom'; import servicescontent from "./servicescontent"; import Services from "./Services"; import Contact from "./Contact"; import Home from "./Home"; ReactDOM.render( <BrowserRouter> <Home/> </BrowserRouter> ,document.getElementById('root'));Puedes hacerlo sin declaración de devolución
const Home = (props) => Note.map(nCard)mucho más simple y limpio
Intente cambiar su función Home para incluir un return .
const Home = (props) => { return Note.map(nCard); };Necesita una declaración de devolución en su componente Inicio. Además, la primera letra del nombre de su componente debe estar en mayúsculas. Entonces, el código actualizado será:
import React from 'react'; import Note from "./Note"; import Menu from "./menu"; function nCard(val) { return( <Menu h={val.h} p={val.p} /> ); } const Home = (props) => { return Note.map(nCard) } export default Home;