Tengo una función genérica ListComponent
function ListComponent() { return React.createElement( "ul", { className: "list" }, items.map((item, i) => React.createElement("li", {key: i}, item)) ); }Ahora quiero pasar una matriz a ese componente como accesorios y renderizarlo:
const vacations = ["Spain", "Greece", "Vietnam"]; const VacationsList = React.createElement(ListComponent, {items: vacations}, null); ReactDOM.render(VacationsList, document.getElementById("root"));Recibo el error de referencia "los elementos no están definidos". ¿Cómo puedo arreglar esto?
Tienes que recibir los artículos como
function ListComponent({ items }) { return React.createElement( "ul", { className: "list" }, items.map((item, i) => React.createElement("li", {key: i}, item)) ); }