Creo una aplicación de reacción y hago un componente de prueba e intento renderizarlo y no se renderiza
este es el componente: https://i.stack.imgur.com/vsNH1.png
y este es el archivo App.js principal: https://i.stack.imgur.com/P8lY7.png
y este es mi resultado: https://i.stack.imgur.com/mQrFd.png
¿Por qué mi componente de prueba no se procesa?
Los componentes de React deben comenzar con una letra mayúscula. JSX considera que los nombres sin mayúsculas son solo etiquetas HTML regulares (como div ), por lo que su marcado de salida será solo <test /> .
Cita la documentación de JSX :
La primera parte de una etiqueta JSX determina el tipo del elemento React.
Los tipos en mayúsculas indican que la etiqueta JSX se refiere a un componente React. Estas etiquetas se compilan en una referencia directa a la variable nombrada, por lo que si usa la expresión JSX, Foo debe estar dentro del alcance.
Su componente de test debe llamarse Test .