Hola, hice una página cargada pero me está dando un error y no estoy seguro de qué, así que vine aquí para preguntar si sabes qué lo causó. Mensaje de error:
ERROR en src\components\pages\Bookings.js Línea 24:12: Error de análisis: los elementos JSX adyacentes deben envolverse en una etiqueta envolvente. ¿Quería un fragmento JSX <>...</>? (24:12) Código:
import React, { Component } from "react"; //just initialised but will have to get rid of css later function click() { window.onload = function(){ if(document.getElementById("ArtsButt").onclick) { window.open("link 1"); } if(document.getElementById("SciButt").onclick) { window.open("link 2"); } if(document.getElementById("EveButt").onclick) { window.open("link 3"); } } } class Bookings extends Component { render() { click(); return ( <button type="button" id="ArtsButt">Arts</button> <button type="button" id="SciButt">Sciences+Eng</button> <button type="button" id="EveButt">Evening</button> ) } } export default Bookings;si saben como solucionarlo por favor avisenme y gracias
El componente React debe devolver un solo React Node, por lo tanto, sus nodos deben tener un padre único común, puede envolverlos con React.Fragment , por ejemplo:
<> <button type="button" id="ArtsButt"> Arts </button> <button type="button" id="SciButt"> Sciences+Eng </button> <button type="button" id="EveButt"> Evening </button> </>