0
229
VistasEl componente de reacción no se renderiza y tampoco aparece
Como puede ver a continuación, el componente mi reacción no se muestra también en vscode, está atenuado (primera imagen de la línea 2). no se que estoy haciendo mal
import React, { Fragment, useEffect } from 'react'; import counterComponent from './components/counterComponent'; function App() { return ( <Fragment > <h1>hello</h1> <counterComponent/> </Fragment> ) }; export default App; 
3 Respuestas
Responde la pregunta0
En primer lugar, escriba en mayúsculas los nombres de sus componentes. entonces CounterComponent en lugar de counterComponent .
En segundo lugar, está exportando counterComponent dos veces.
export const ....
y export default en la parte inferior. Elija uno y cambie su importación según lo que elija.
0
Necesita importar el componente de contador con {} Como su const de exportación Importar {CounterComponet} de...
0
porque está haciendo algo incorrecto contraComponentes correctamente, mire su archivo App.js o la segunda Imagen y mire la línea número 2 (es un poco oscura) porque no lo está usando correctamente. También usted es el counterComponent de exportación modular y predeterminado, haga cualquiera de ellos, generalmente lo hago así
import React, { Fragment} from "react"; function counterComponent () { return ( <Fragment> <h1>hello</h1> </Fragment> ); } export default counterComponent;Si eso no funciona, mi sugerencia es verificar nuevamente si no hay ningún error ortográfico o si está importando desde la ubicación correcta