0
131
VistasQuiero agregar 2 matrices const en 1 archivo de React JS. Por ejemplo está debajo
Quiero agregar 2 matrices constantes en 1 archivo en React JS.
Quiero imprimir el menú del desayuno cuando se selecciona un enlace y el menú del almuerzo de manera similar, pero quiero mantenerlos en 1 archivo
No cambié el nombre del archivo de Notas porque dio un error de file not found
Este es mi repositorio de GitHub: https://github.com/mareyam/Maryam-s-Company-Menu
Y aquí está la estructura de mi proyecto:
archivo de nota
const BreakfastMenu = [ { id:1, h:"Eggs", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] const LunchMenu = [ { id:1, h:"Tomato", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] export default {BreakfastMenu, LunchMenu};archivo de desayuno
import React from 'react'; import BreakfastMenu from "./BreakfastMenu"; import Menu from "./Menu"; function nCard(val) { return( <Menu h={val.h} p={val.p} /> ); } const Breakfast = (props) => { return ( BreakfastMenu.map(nCard) ) } export default Breakfast;3 Respuestas
Responde la pregunta0
Use las exportaciones de la siguiente manera
// Note.js const BreakfastMenu = [ { id:1, h:"Eggs", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] const LunchMenu = [ { id:1, h:"Tomato", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] export {BreakfastMenu, LunchMenu};Luego haga las importaciones de la siguiente manera.
import { BreakfastMenu } from "./Note"; import { LunchMenu } from "./Note";0
Deberá configurar el paquete web para usar export de import
Y luego cambie su exportación/importación así:
Note file
export { BreakfastMenu, LunchMenu };Y para importar:
import { BreakfastMenu, LunchMenu } from "./Note";Ejemplo de trabajo:
0
export const BreakfastMenu = [ { id:1, h:"Eggs", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ] export const LunchMenu = [ { id:1, h:"Tomato", p:"eggs", }, { id:2, h:"Milk", p:"milk", } ]Dado que son varias matrices, puede haber una predeterminada, pero mejor aún, exporte cada una de las matrices o funciones desde el principio. Luego, en su importación, puede usar corchetes para acceder a las funciones o al bloque de matriz
import { BreakfastMenu, LunchMenu } from "./Note";Esto también funciona con múltiples funciones en el mismo archivo JS.