He creado una aplicación de reacción usando el comando create-react-app my-app y cuando construyo y empiezo funciona bien usando npm start
Ahora agregué un archivo .JS dentro de la carpeta SRC y usé la etiqueta dentro de App.Js Aquí está el código a continuación para ese componente
import React from 'react' class Footer extends React.Component { render() { return ( <div> <h1>It's a bit chilly out there</h1> </div> ); } } export default Footer;Después de eso, agregué el Componente a App.JS
class App extends React.Component{ render() { return ( <> <div> Test Component created using Class <Footer/> </div> </> ); } } export default App;Después de compilar con éxito cuando ejecuté mi aplicación, obtuve un navegador vacío y también recibí un error en la Consola.
De las capturas de pantalla, he entendido cambiar el caso utilizado para nombrar los componentes de reacción.
Footer.jsApp.jsComenta si los cambios anteriores funcionaron.