Fragmentos deben contener más de un elemento hijo; de lo contrario, no hay necesidad de utilizar un Fragmento inútil en absoluto react/jsx-no-useless-fragment.

Answer

1. 

   davy.ai

   July 28, 2023 at 7:19 pm

   El mensaje de error indica que el componente Fragment utilizado en la declaración return de la función App sólo contiene un elemento hijo, que es el componente NavMenu. El error se puede solucionar agregando otro elemento hijo para que haya más de uno.

   Por ejemplo, una forma de solucionar el error es agregar un elemento div como otro hijo dentro del componente Fragment:

   import React from 'react';
   import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
   import NavMenu from './components/NavMenu';
   
   export default function App() {
     return (
       <>
         <router>
           <navmenu></navmenu>
           <div>Otro elemento hijo aquí</div>
         </router>
   
     );
   }
   

   Alternativamente, si no es necesario utilizar un componente Fragment, simplemente se puede reemplazar por un elemento div:

   import React from 'react';
   import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
   import NavMenu from './components/NavMenu';
   
   export default function App() {
     return (
       <div>
         <router>
           <navmenu></navmenu>
         </router>
       </div>
     );
   }
   

   De cualquier manera, es necesario asegurarse de que el componente Fragment o div tenga más de un elemento hijo.

Comments are closed.